feat: mobile enhancements

Author: CodeDead

src/components/App/index.jsx

@@ -48,7 +48,9 @@ const App = () => {
   } = state;
 
   const [drawerOpen, setDrawerOpen] = useState(false);
-  const [snackOpen, setSnackOpen] = useState(!window.__TAURI__);
+  const [snackOpen, setSnackOpen] = useState(
+    !window.__TAURI__ && window.innerWidth > 600
+  );
   const language = state.languages[languageIndex];
 
   const color = ThemeSelector(themeIndex);

src/routes/Home/index.jsx

@@ -305,7 +305,10 @@ const Home = () => {
           </Grid>
         </CardContent>
       </Card>
-      <Accordion sx={{ mt: 2 }} defaultExpanded={!window.__TAURI__}>
+      <Accordion
+        sx={{ mt: 2 }}
+        defaultExpanded={!window.__TAURI__ && window.innerWidth > 600}
+      >
         <AccordionSummary
           expandIcon={<ExpandMoreIcon />}
           aria-controls="panel1a-content"