Feature/deseng662: Implemented new footer

CHANGELOG.MD

@@ -1,3 +1,9 @@
+## July 31, 2024
+
+- **Feature** New footer (public and admin) [🎟️ DESENG-662](https://citz-gdx.atlassian.net/browse/DESENG-662)
+  - Implemented new footer design for desktop and mobile viewports.
+  - Addressed some issues with z-index between footer and side nav.
+
 ## July 30, 2024
 
 - **Feature** New admin header [🎟️ DESENG-660](https://citz-gdx.atlassian.net/browse/DESENG-660)

met-web/src/components/feedback/FeedbackModal/index.tsx

@@ -15,10 +15,10 @@ import { createFeedback } from 'services/feedbackService';
 import { openNotification } from 'services/notificationService/notificationSlice';
 import { useAppDispatch } from 'hooks';
 import { customRatings, commentTypes } from './constants';
-import { ZIndex } from 'styles/Theme';
 import { useAppTranslation } from 'hooks';
 import { Button, IconButton, CustomTextField } from 'components/common/Input';
 import { useTheme } from '@mui/material/styles';
+import { ZIndex } from 'styles/Theme';
 
 export const FeedbackModal = () => {
     const { t: translate } = useAppTranslation();
@@ -94,8 +94,8 @@ export const FeedbackModal = () => {
                     bottom: bottomSpacing,
                     right: rightSpacing,
                     transform: 'rotate(-90deg)',
-                    zIndex: ZIndex.footer + 1,
                     transformOrigin: 'bottom right',
+                    zIndex: ZIndex.feedback,
                 }}
             >
                 <FontAwesomeIcon