feat: remove appwrite and add nextjs backend

frontend/src/styles/global.style.tsx

@@ -0,0 +1,15 @@
+import { Global } from "@mantine/core";
+
+const GlobalStyle = () => {
+  return (
+    <Global
+      styles={(theme) => ({
+        a: {
+          color: "inherit",
+          textDecoration: "none",
+        },
+      })}
+    />
+  );
+};
+export default GlobalStyle;

frontend/src/styles/header.style.ts

@@ -0,0 +1,80 @@
+import { createStyles } from "@mantine/core";
+
+export default createStyles((theme) => ({
+  root: {
+    position: "relative",
+    zIndex: 1,
+  },
+
+  dropdown: {
+    position: "absolute",
+    top: 60,
+    left: 0,
+    right: 0,
+    zIndex: 0,
+    borderTopRightRadius: 0,
+    borderTopLeftRadius: 0,
+    borderTopWidth: 0,
+    overflow: "hidden",
+
+    [theme.fn.largerThan("sm")]: {
+      display: "none",
+    },
+  },
+
+  header: {
+    display: "flex",
+    justifyContent: "space-between",
+    alignItems: "center",
+    height: "100%",
+  },
+
+  links: {
+    [theme.fn.smallerThan("sm")]: {
+      display: "none",
+    },
+  },
+
+  burger: {
+    [theme.fn.largerThan("sm")]: {
+      display: "none",
+    },
+  },
+
+  link: {
+    display: "block",
+    lineHeight: 1,
+    padding: "8px 12px",
+    borderRadius: theme.radius.sm,
+    textDecoration: "none",
+    color:
+      theme.colorScheme === "dark"
+        ? theme.colors.dark[0]
+        : theme.colors.gray[7],
+    fontSize: theme.fontSizes.sm,
+    fontWeight: 500,
+
+    "&:hover": {
+      backgroundColor:
+        theme.colorScheme === "dark"
+          ? theme.colors.dark[6]
+          : theme.colors.gray[0],
+    },
+
+    [theme.fn.smallerThan("sm")]: {
+      borderRadius: 0,
+      padding: theme.spacing.md,
+    },
+  },
+
+  linkActive: {
+    "&, &:hover": {
+      backgroundColor:
+        theme.colorScheme === "dark"
+          ? theme.fn.rgba(theme.colors[theme.primaryColor][9], 0.25)
+          : theme.colors[theme.primaryColor][0],
+      color:
+        theme.colors[theme.primaryColor][theme.colorScheme === "dark" ? 3 : 7],
+    },
+  },
+}));

frontend/src/styles/mantine.style.ts

@@ -0,0 +1,19 @@
+import { MantineThemeOverride } from "@mantine/core";
+
+export default <MantineThemeOverride>{
+  colors: {
+    victoria: [
+      "#E2E1F1",
+      "#C2C0E7",
+      "#A19DE4",
+      "#7D76E8",
+      "#544AF4",
+      "#4940DE",
+      "#4239C8",
+      "#463FA8",
+      "#47428E",
+      "#464379",
+    ],
+  },
+  primaryColor: "victoria",
+};