Fixed old lingering props

Client/src/Pages/Auth/Register/Register.jsx

@@ -381,7 +381,7 @@ const StepThree = ({ form, errors, onSubmit, onChange, onBack }) => {
             />
           </Box>
           <Stack
-            gap={theme.gap.small}
+            gap={theme.spacing(4)}
             mb={{ xs: theme.spacing(6), sm: theme.spacing(8) }}
           >
             <Check

Client/src/Pages/Incidents/index.jsx

@@ -18,7 +18,7 @@ const SkeletonLayout = () => {
 
   return (
     <>
-      <Stack direction="row" alignItems="center" gap={theme.gap.medium}>
+      <Stack direction="row" alignItems="center" gap={theme.spacing(6)}>
         <Skeleton variant="rounded" width={150} height={34} />
         <Skeleton variant="rounded" width="15%" height={34} />
         <Skeleton

Client/src/Pages/PageSpeed/CreatePageSpeed/index.jsx

@@ -211,7 +211,7 @@ const CreatePageSpeed = () => {
                 label="Notify via email to following emails"
                 isChecked={false}
               />
-              <Box mx={`calc(${theme.gap.ml} * 2)`}>
+              <Box mx={theme.spacing(16)}>
                 <Field
                   id="notify-emails-list"
                   placeholder="notifications@gmail.com"

Client/src/Pages/PageSpeed/index.jsx

@@ -157,7 +157,7 @@ const PageSpeed = ({ isAdmin }) => {
   return (
     <Box
       className="page-speed"
-      pt={theme.gap.xl}
+      pt={theme.spacing(20)}
       sx={{
         ':has(> [class*="fallback__"])': {
           position: "relative",

Client/src/Pages/Settings/index.jsx

@@ -62,7 +62,7 @@ const Settings = () => {
               timezone of your server.
             </Typography>
           </Box>
-          <Stack gap={theme.gap.xl}>
+          <Stack gap={theme.spacing(20)}>
             <Select
               id="display-timezone"
               label="Display timezone"
@@ -87,7 +87,7 @@ const Settings = () => {
               remove all past data.
             </Typography>
           </Box>
-          <Stack gap={theme.gap.xl}>
+          <Stack gap={theme.spacing(20)}>
             <Field
               type="text"
               id="history-monitoring"