chore: remove padding from drawer on mobile

Author: itsmeurbi

src/NavBar.tsx

@@ -90,36 +90,36 @@ const NavBar = (): ReactElement => {
       </AppBar>
       <Drawer open={isDrawerOpen} onClose={toggleDrawer(false)}>
         <Box sx={{ width: 250 }} role="presentation" onClick={toggleDrawer(false)}>
-          <List>
-            <ListItem sx={{ px: 0 }}>
+          <List sx={{ p: 0 }}>
+            <ListItem sx={{ p: 0 }}>
               <Link to="/" style={{ textDecoration: 'none', width: '100%' }}>
                 <ListItemButton className={isActive('/') ? 'active' : ''}>
                   <Typography>{t("navbar.home")}</Typography>
                 </ListItemButton>
               </Link>
             </ListItem>
-            <ListItem sx={{ px: 0 }}>
+            <ListItem sx={{ p: 0 }}>
               <Link to="/sponsorship" style={{ textDecoration: 'none', width: '100%' }}>
                 <ListItemButton className={isActive('/sponsorship') ? 'active' : ''}>
                   <Typography>{t("navbar.sponsorship")}</Typography>
                 </ListItemButton>
               </Link>
             </ListItem>
-            <ListItem sx={{ px: 0 }}>
+            <ListItem sx={{ p: 0 }}>
               <Link to="/about" style={{ textDecoration: 'none', width: '100%' }}>
                 <ListItemButton className={isActive('/about') ? 'active' : ''}>
                   <Typography>{t("navbar.aboutUs")}</Typography>
                 </ListItemButton>
               </Link>
             </ListItem>
-            <ListItem sx={{ px: 0 }}>
+            <ListItem sx={{ p: 0 }}>
               <Link to="/code-of-conduct" style={{ textDecoration: 'none', width: '100%' }}>
                 <ListItemButton className={isActive('/code-of-conduct') ? 'active' : ''}>
                   <Typography>{t("navbar.codeOfConduct")}</Typography>
                 </ListItemButton>
               </Link>
             </ListItem>
-            <ListItem sx={{ px: 0 }}>
+            <ListItem sx={{ p: 0 }}>
               <Link to="#" onClick={openSurvey} style={{ textDecoration: 'none', width: '100%' }}>
                 <ListItemButton sx={{ height: '100%' }}>
                   <Typography>{t("navbar.survey")}</Typography>

src/Sponsorship.tsx

@@ -309,7 +309,7 @@ const Sponsorship = (): ReactElement =>  {
                       </Typography>
                     </Box>
                     <Typography variant="body2" sx={{ ml: 1, textAlign: 'center' }} color="text.secondary">
-                      {t("sponsorship.silverSemester", { peso: '$3,132 MXN', dolar: '$180 USD' })}
+                      {t("sponsorship.silverSemester", { peso: '$3,9132 MXN', dolar: '$180 USD' })}
                     </Typography>
                   </Box>
                   <Box sx={{ display: 'flex', flexDirection: 'column', alignItems: 'center'}}>