add back footer info

src/components/cards/AuthFooter.js

@@ -1,6 +1,7 @@
 // material-ui
-import { useMediaQuery, Container, Stack } from '@mui/material';
+import { useMediaQuery, Container, Link, Typography, Stack } from '@mui/material';
 import bhkLogo from 'assets/images/BHK_logo_rgb_zh-hk.png';
+import {FormattedMessage} from "react-intl";
 import {useIntl} from "react-intl";
 import { 
   isGLDLoggedIn, 
@@ -19,11 +20,41 @@ const AuthFooter = () => {
 
       <Stack
         direction={matchDownSM ? 'column' : 'row'}
-        spacing={matchDownSM ? 1 : 3}
+        justifyContent={matchDownSM ? 'center' : 'flex-start'}
+        spacing={2}
         textAlign={matchDownSM ? 'center' : 'inherit'}
-        justifyContent={matchDownSM ? "center" : "flex-end"}
+        alignItems="center"
       >
-        {!isGLDLoggedIn() ? (
+        <Typography
+          variant="subtitle2"
+          component="span"
+          sx={{ color: '#4A4A4A' }}
+        >
+          2024 &copy; <FormattedMessage id="HKGLD" />
+        </Typography>
+        <Typography
+            variant="subtitle2"
+            color="secondary"
+            component={Link}
+            href="/importantNotice"
+            target="_blank"
+            underline="hover"
+          >
+            <FormattedMessage id="importantNotice" />
+          </Typography>
+          <Typography
+            variant="subtitle2"
+            color="secondary"
+            component={Link}
+            href="/privacyPolicy"
+            target="_blank"
+            underline="hover"
+          >
+            <FormattedMessage id="privacyPolicy" />
+          </Typography>
+      </Stack>  
+        <Stack direction={matchDownSM ? 'column' : 'row'} spacing={matchDownSM ? 1 : 3} textAlign={matchDownSM ? 'center' : 'inherit'} justifyContent={matchDownSM?"center":"flex-end"}>
+          {!isGLDLoggedIn()? (
           <a
             href="https://www.w3.org/WAI/WCAG2AA-Conformance"
             title="Explanation of WCAG 2 Level AA conformance"