Integrate Tauri frontend with categorization system and Steam integration

frontend/src/components/Content.jsx

@@ -7,19 +7,19 @@ import Cursors from './content_modules/Cursors';
 import Crates from './content_modules/Crates';
 import Settings from './content_modules/Settings';
 
-function Content({ activePage, cursors, currentCursorIndex, selectCursor, nextCursor }) {
+function Content({ activePage, cursors, currentCursorIndex, selectCursor, nextCursor, settings, setSettings }) {
   // Render the appropriate content based on active page
   const renderContent = () => {
     switch (activePage) {
       case 'inventory':
-        return <Inventory 
+        return <Inventory
           cursors={cursors}
           currentCursorIndex={currentCursorIndex}
           selectCursor={selectCursor}
         />;
       case 'cursors':
         return (
-          <Cursors 
+          <Cursors
             cursors={cursors}
             currentCursorIndex={currentCursorIndex}
             selectCursor={selectCursor}
@@ -29,9 +29,9 @@ function Content({ activePage, cursors, currentCursorIndex, selectCursor, nextCu
       case 'crates':
         return <Crates />;
       case 'settings':
-        return <Settings />;
+        return <Settings settings={settings} setSettings={setSettings} />;
       default:
-        return <Cursors 
+        return <Cursors
           cursors={cursors}
           currentCursorIndex={currentCursorIndex}
           selectCursor={selectCursor}
@@ -39,7 +39,7 @@ function Content({ activePage, cursors, currentCursorIndex, selectCursor, nextCu
         />;
     }
   };
-  
+
   return (
     <div className="app-content">
       {renderContent()}