fix: margin top issue for box content below navbar

fix: margin top issue for box content below navbar

Author: cyrus303

src/pages/Plugins.tsx

@@ -180,7 +180,11 @@ const Plugins: React.FC = () => {
     >
       {/* Main Content Section */}
       <Box sx={{ flex: 1, padding: 4 }}>
-        <Box mb={4}>
+        <Box 
+          sx={{
+            mt: { xs: 5, sm: 5, md: 5, lg: 0, xl: 0 },
+            mb: 4,
+          }}>
           <Typography variant="h4" fontWeight="bold" color="text.primary" mb={3}>
             {t("plugins.header")}
           </Typography>
@@ -266,4 +270,4 @@ const Plugins: React.FC = () => {
   );
 };
 
-export default Plugins;
+export default Plugins;

src/pages/Themes.tsx

@@ -200,7 +200,11 @@ const Themes: React.FC = () => {
     >
       {/* Main Content Section */}
       <Box sx={{ flex: 1, padding: 4 }}>
-        <Box mb={4}>
+        <Box 
+          sx={{
+            mt: { xs: 5, sm: 5, md: 5, lg: 0, xl: 0 },
+            mb: 4,
+          }}>
           <Typography variant="h4" fontWeight="bold" color="text.primary" mb={3}>
             {t("themes.header")}
           </Typography>
@@ -358,4 +362,4 @@ const Themes: React.FC = () => {
   );
 };
 
-export default Themes;
+export default Themes;