Added notifications to server validation and small styling changes

Client/src/Features/UptimeMonitors/uptimeMonitorsSlice.js

@@ -77,6 +77,7 @@ export const updateUptimeMonitor = createAsyncThunk(
         name: monitor.name,
         description: monitor.description,
         interval: monitor.interval,
+        notifications: monitor.notifications
       };
       const res = await axiosInstance.post(
         `/monitors/edit/${monitor._id}`,

Client/src/Pages/Account/index.css

@@ -31,6 +31,9 @@
 .account .MuiButtonGroup-root button {
   border-color: var(--env-var-color-16);
 }
+.account button{
+  height: 34px;
+}
 .account [class$="-form"] {
   width: inherit;
 }

Client/src/Pages/Auth/index.css

@@ -103,7 +103,7 @@
 /* ///// */
 .login-page
   .MuiStack-root:not(:has(> .MuiButtonBase-root))
-  span:not(.MuiTypography-root) {
+  span:not(.MuiTypography-root):not(.field-required) {
   color: var(--env-var-color-3);
   cursor: pointer;
   font-weight: 600;

Client/src/Pages/Monitors/Configure/index.jsx

@@ -375,7 +375,7 @@ const Configure = () => {
           <Button
             level="primary"
             label="Save"
-            sx={{ px: theme.gap.ml }}
+            sx={{ px: theme.gap.large }}
             onClick={handleSubmit}
           />
         </Stack>

Client/src/Pages/Settings/index.jsx

@@ -110,7 +110,7 @@ const Settings = () => {
           </Box>
         </Stack>
         <Stack direction="row" justifyContent="flex-end">
-          <Button level="primary" label="Save" />
+          <Button level="primary" label="Save" sx={{ px: theme.gap.large }} />
         </Stack>
       </form>
     </Box>