✨ Add new config format

Should be WAAAAY easier to work with modules now

src/pages/[slug].tsx

@@ -20,12 +20,12 @@ export async function getServerSideProps(
     return {
       props: {
         config: {
-          name: '',
+          name: 'Default config',
           services: [],
           settings: {
-            enabledModules: [],
             searchUrl: 'https://www.google.com/search?q=',
           },
+          modules: {},
         },
       },
     };

src/pages/index.tsx

@@ -27,10 +27,9 @@ export async function getServerSideProps({
           name: cookie.toString(),
           services: [],
           settings: {
-            enabledModules: [],
-            searchBar: true,
             searchUrl: 'https://www.google.com/search?q=',
           },
+          modules: {},
         },
       },
     };

src/pages/tryconfig.tsx

@@ -0,0 +1,33 @@
+import { Button } from '@mantine/core';
+import { Prism } from '@mantine/prism';
+import { useState } from 'react';
+import { DateModule } from '../components/modules';
+import { useConfig } from '../tools/state';
+
+export default function TryConfig(props: any) {
+  const { config } = useConfig();
+  const [tempConfig, setTempConfig] = useState(config);
+  return (
+    <>
+      <Prism language="json">{JSON.stringify(tempConfig, null, 2)}</Prism>
+      <Button
+        onClick={() => {
+          setTempConfig({
+            ...tempConfig,
+            modules: {
+              [DateModule.title]: {
+                enabled: true,
+                title: DateModule.title,
+                options: {
+                  ...DateModule.options,
+                },
+              },
+            },
+          });
+        }}
+      >
+        Add a module to the modules thingy
+      </Button>
+    </>
+  );
+}