Update proxy to use env and move about loading under members

src/pages/AboutPage.tsx

@@ -9,10 +9,6 @@ import Page from './Page';
 const AboutPage: React.FC = () => {
   const { data, status } = useGetStaff();
 
-  if (!data || status === 'loading') {
-    return <CircularProgress />;
-  }
-
   return (
     <Page>
       <Box display="flex" flexDirection="column" alignItems="center" padding={3}>
@@ -30,7 +26,10 @@ const AboutPage: React.FC = () => {
           </Typography>
         </Box>
         <Box marginBottom={8} display="flex" justifyContent="center" flexWrap="wrap">
-          {data?.map((m) => (
+          {!data || status === 'loading' ? (
+            <CircularProgress />
+          ) : (
+            data?.map((m) => (
               <Box m={3} key={m.email}>
                 <MemberCard
                   name={m.name}
@@ -39,7 +38,8 @@ const AboutPage: React.FC = () => {
                   staffMemberText={m.staffMemberText}
                 />
               </Box>
-          ))}
+            ))
+          )}
         </Box>
         <Box marginY={4}>
           <Typography variant="h4" color="textPrimary">

src/setupProxy.js

@@ -4,7 +4,7 @@ module.exports = function (app) {
   app.use(
     '/api/v1',
     createProxyMiddleware({
-      target: 'https://body-dev.maze.sch.bme.hu/dev',
+      target: process.env.REACT_APP_PROXY_TARGET,
       changeOrigin: true,
     }),
   );