Migrate the existing automations page to use React (#849)

Migrates the Automations page to React, mostly keeping the overall design consistent with organization. Use component library, with some changes in color. Add easier management with straightforward form and editing experience.
Use system preference for determining dark mode if not explicitly set.

src/interface/web/app/automations/layout.tsx

@@ -0,0 +1,28 @@
+
+import type { Metadata } from "next";
+import NavMenu from '../components/navMenu/navMenu';
+import styles from './automationsLayout.module.css';
+import { Toaster } from "@/components/ui/toaster";
+
+
+export const metadata: Metadata = {
+    title: "Khoj AI - Automations",
+    description: "Use Autoomations with Khoj to simplify the process of running repetitive tasks.",
+    icons: {
+        icon: '/static/favicon.ico',
+    },
+};
+
+export default function RootLayout({
+    children,
+}: Readonly<{
+    children: React.ReactNode;
+}>) {
+    return (
+        <div className={`${styles.automationsLayout}`}>
+            <NavMenu selected="Automations" showLogo={true} />
+            {children}
+            <Toaster />
+        </div>
+    );
+}