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/common/utils.ts

@@ -1,3 +1,18 @@
+import useSWR from "swr";
+
+export interface LocationData {
+    ip: string;
+    city: string;
+    region: string;
+    country: string;
+    postal: string;
+    latitude: number;
+    longitude: number;
+    timezone: string;
+}
+
+const locationFetcher = () => window.fetch("https://ipapi.co/json").then((res) => res.json()).catch((err) => console.log(err));
+
 export function welcomeConsole() {
     console.log(`%c %s`, "font-family:monospace", `
         __  __     __  __     ______       __        _____      __
@@ -15,3 +30,12 @@ export function welcomeConsole() {
        Read my operating manual at https://docs.khoj.dev
        `);
 }
+
+export function useIPLocationData() {
+    const {data: locationData, error: locationDataError } = useSWR<LocationData>("/api/ip", locationFetcher, { revalidateOnFocus: false });
+
+    if (locationDataError) return null;
+    if (!locationData) return null;
+
+    return locationData;
+}