feat: remove appwrite and add nextjs backend

frontend/src/pages/_app.tsx

@@ -0,0 +1,86 @@
+import {
+  ColorScheme,
+  Container,
+  LoadingOverlay,
+  MantineProvider,
+  Stack,
+} from "@mantine/core";
+import { ModalsProvider } from "@mantine/modals";
+import { NotificationsProvider } from "@mantine/notifications";
+import { getCookie } from "cookies-next";
+import { GetServerSidePropsContext } from "next";
+import type { AppProps } from "next/app";
+import getConfig from "next/config";
+import { useEffect, useState } from "react";
+import Footer from "../components/Footer";
+import ThemeProvider from "../components/mantine/ThemeProvider";
+import Header from "../components/navBar/NavBar";
+import { UserContext } from "../hooks/user.hook";
+import authService from "../services/auth.service";
+import userService from "../services/user.service";
+import GlobalStyle from "../styles/global.style";
+import globalStyle from "../styles/mantine.style";
+import { CurrentUser } from "../types/user.type";
+import { GlobalLoadingContext } from "../utils/loading.util";
+
+const {  publicRuntimeConfig } = getConfig()
+
+function App(
+  props: AppProps & { colorScheme: ColorScheme; environmentVariables: any }
+) {
+  const { Component, pageProps } = props;
+  const [colorScheme, setColorScheme] = useState<ColorScheme>(
+    props.colorScheme
+  );
+  const [isLoading, setIsLoading] = useState(true);
+  const [user, setUser] = useState<CurrentUser | null>(null);
+
+  const getInitalData = async () => {
+    console.log(publicRuntimeConfig)
+    setIsLoading(true);
+    setUser(await userService.getCurrentUser());
+
+    setIsLoading(false);
+  };
+  useEffect(() => {
+    setInterval(async () => await authService.refreshAccessToken(), 30 * 1000);
+    getInitalData();
+  }, []);
+  return (
+    <MantineProvider withGlobalStyles withNormalizeCSS theme={globalStyle}>
+      <ThemeProvider colorScheme={colorScheme} setColorScheme={setColorScheme}>
+        <GlobalStyle />
+        <NotificationsProvider>
+          <ModalsProvider>
+            <GlobalLoadingContext.Provider value={{ isLoading, setIsLoading }}>
+              {isLoading ? (
+                <LoadingOverlay visible overlayOpacity={1} />
+              ) : (
+                <UserContext.Provider value={user}>
+                  <LoadingOverlay visible={isLoading} overlayOpacity={1} />
+                  <Stack justify="space-between" sx={{ minHeight: "100vh" }}>
+                    <div>
+                      <Header />
+                      <Container>
+                        <Component {...pageProps} />
+                      </Container>
+                    </div>
+                    <Footer />
+                  </Stack>
+                </UserContext.Provider>
+              )}
+            </GlobalLoadingContext.Provider>
+          </ModalsProvider>
+        </NotificationsProvider>
+      </ThemeProvider>
+    </MantineProvider>
+  );
+}
+
+export default App;
+
+App.getInitialProps = ({ ctx }: { ctx: GetServerSidePropsContext }) => {
+  return {
+    colorScheme: getCookie("mantine-color-scheme", ctx) || "light",
+  };
+};