use theme spacing in desktop view

src/components/Footer.tsx

@@ -56,24 +56,25 @@ const useMobileStyles = makeStyles((theme) => ({
 
 const useDesktopStyles = makeStyles((theme) => ({
   footer: {
-    padding: '0.4rem',
+    paddingLeft: theme.spacing(2),
+    paddingRight: theme.spacing(2),
   },
   devteam: {
-    fontSize: '1.8rem',
-    paddingLeft: '0.6rem',
+    fontSize: '1.7rem',
+    paddingLeft: theme.spacing(1),
   },
   schdesignButton: {
-    paddingTop: '0.5rem',
+    paddingTop: '0.55rem',
   },
   contact: {
-    paddingRight: '2rem',
+    marginRight: theme.spacing(3),
   },
   social: {
     fontSize: '1.5rem',
     margin: '0',
-    marginRight: '0.3rem',
-    marginTop: '0.2rem',
-    marginBottom: '0.2rem',
+    marginRight: theme.spacing(1),
+    marginTop: theme.spacing(0.5),
+    marginBottom: theme.spacing(0.5),
   },
   socialText: {
     color: theme.palette.secondary.main,