Small style fixes

src/app/(main)/layout.tsx

@@ -27,7 +27,7 @@ export default async function MainLayout({
       <Box
         component="main"
         sx={{
-          marginInlineStart: { xs: 0, lg: NAVIGATION_CONTENT_WIDTH },
+          marginInlineStart: { xs: 0, xl: NAVIGATION_CONTENT_WIDTH },
           padding: { xs: "1rem", sm: "1.5rem", lg: "3rem" },
         }}
       >

src/app/(main)/projects/page.tsx

@@ -1,6 +1,5 @@
 import { preloadProjects } from "@/app/api/projects";
 import ProjectSearch from "@/components/ProjectSearch";
-import ProgressByClientSearch from "@/components/ProgressByClientSearch";
 import { getServerI18n } from "@/i18n";
 import Add from "@mui/icons-material/Add";
 import Button from "@mui/material/Button";

src/components/AppBar/NavigationToggle.tsx

@@ -18,7 +18,7 @@ const NavigationToggle: React.FC = () => {
   return (
     <>
       <Drawer variant="permanent" sx={{ display: { xs: "none", xl: "block" } }}>
-        <NavigationContent/>
+        <NavigationContent />
       </Drawer>
       <Drawer
         sx={{ display: { xl: "none" } }}
@@ -28,7 +28,7 @@ const NavigationToggle: React.FC = () => {
           keepMounted: true,
         }}
       >
-        <NavigationContent/>
+        <NavigationContent />
       </Drawer>
       <IconButton
         sx={{ display: { xl: "none" } }}

src/components/SearchBox/SearchBox.tsx

@@ -83,7 +83,7 @@ function SearchBox<T extends string>({
   return (
     <Card>
       <CardContent sx={{ display: "flex", flexDirection: "column", gap: 1 }}>
-        <Typography variant="overline" style={{fontWeight:"600"}}>{t("Search Criteria")}</Typography>
+        <Typography variant="overline">{t("Search Criteria")}</Typography>
         <Grid container spacing={2} columns={{ xs: 6, sm: 12 }}>
           {criteria.map((c) => {
             return (

src/theme/devias-material-kit/components.ts

@@ -189,7 +189,7 @@ const components: ThemeOptions["components"] = {
         },
         [`&.Mui-focused`]: {
           backgroundColor: "transparent",
-          borderColor: "palette.primary.main",
+          borderColor: palette.primary.main,
           boxShadow: `${palette.primary.main} 0 0 0 2px`,
         },
         [`&.Mui-error`]: {
@@ -216,7 +216,7 @@ const components: ThemeOptions["components"] = {
         [`&.Mui-focused`]: {
           backgroundColor: "transparent",
           [`& .MuiOutlinedInput-notchedOutline`]: {
-            borderColor: "palette.primary.main",
+            borderColor: palette.primary.main,
             boxShadow: `${palette.primary.main} 0 0 0 2px`,
           },
         },