diff --git a/.gitignore b/.gitignore
index ac12e94..a75f8f2 100644
--- a/.gitignore
+++ b/.gitignore
@@ -31,3 +31,7 @@ yarn-error.log*
 
 # vercel
 .vercel
+
+# Supabase
+.branches
+.temp
\ No newline at end of file
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
new file mode 100644
index 0000000..74baffc
--- /dev/null
+++ b/.vscode/extensions.json
@@ -0,0 +1,3 @@
+{
+  "recommendations": ["denoland.vscode-deno"]
+}
diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..5d0c9ed
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,10 @@
+{
+  "deno.enablePaths": [
+    "supabase/functions"
+  ],
+  "deno.lint": true,
+  "deno.unstable": true,
+  "[typescript]": {
+    "editor.defaultFormatter": "denoland.vscode-deno"
+  }
+}
diff --git a/@types/Post.ts b/@types/Post.ts
index 7262843..cc261fc 100644
--- a/@types/Post.ts
+++ b/@types/Post.ts
@@ -31,3 +31,13 @@ type Post = {
   createdAt?: string;
   updatedAt?: string;
 };
+
+type CommentType = {
+  userId: string;
+  content: string;
+  username: string;
+  timestamp: string;
+  userImg: string;
+  url: string;
+  name: string;
+};
\ No newline at end of file
diff --git a/@types/User.ts b/@types/User.ts
new file mode 100644
index 0000000..4386b57
--- /dev/null
+++ b/@types/User.ts
@@ -0,0 +1,19 @@
+type User = {
+  _id: string;
+  name: string;
+  username: string;
+  email: string;
+  image: string | null;
+  bio: string | null;
+  followers: string[] | null;
+  following: string[] | null;
+  verified: boolean | null;
+  role: string | null;
+  likes: string[] | null;
+  createdAt: Date | null;
+  updatedAt: Date | null;
+
+  // For the frontend
+  id: string | null | undefined;
+  accessToken: string | null | undefined;
+};
\ No newline at end of file
diff --git a/@types/jsonb.ts b/@types/jsonb.ts
new file mode 100644
index 0000000..caa4c7e
--- /dev/null
+++ b/@types/jsonb.ts
@@ -0,0 +1,26 @@
+/**
+ * FIXME:  Custom type for JSONB column (Due to a bug which causes JSONB to be inserted as a string from the database)
+ * NOTE: The below code is a HACK/Workaround, not to be used in production if the bug is fixed in the future
+ * TODO: Remove this file and use the JSONB type directly from drizzle-orm/pg-core
+*/
+
+import { customType } from 'drizzle-orm/pg-core';
+
+const jsonb = customType<{ data: any }>({
+  dataType() {
+    return 'jsonb';
+  },
+  toDriver(val) {
+    return val as any;
+  },
+  fromDriver(value) {
+    if (typeof value === 'string') {
+      try {
+        return JSON.parse(value) as any;
+      } catch {}
+    }
+    return value as any;
+  },
+});
+
+export default jsonb;
\ No newline at end of file
diff --git a/README.md b/README.md
index 4beaa8a..1a63e4c 100644
--- a/README.md
+++ b/README.md
@@ -9,12 +9,28 @@ ArtSphere aims to bridge gaps in art and culture, creating an inclusive virtual
 
 ## Table of Contents 📜
 
+- Tech Stack
 - Features
 - Getting Started
 - Contributing
 - License
 - Contact
 
+## Tech Stack 🛠️
+
+ArtSphere is built with cutting-edge technologies to provide a seamless and engaging user experience:
+
+- Next.js 14
+- TypeScript
+- Tailwind CSS
+- Supabase
+- PostgreSQL (Supabase)
+- Drizzle-ORM
+- NextAuth
+- JsonWebToken (JWT)
+- Recoil
+- SWR (Data Fetching)
+
 ## Features 🌟
 
 ArtSphere offers a plethora of features designed to inspire and empower artists:
diff --git a/__tests__/Feed.test.tsx b/__tests__/Feed.test.tsx
index 5d9a550..aefd67a 100644
--- a/__tests__/Feed.test.tsx
+++ b/__tests__/Feed.test.tsx
@@ -13,6 +13,13 @@ import { SWRConfig } from "swr";
 import { server } from "@/__mocks__/server";
 import { HttpResponse, http } from "msw";
 import { backendUrl } from "@/app/utils/config/backendUrl";
+import crypto from "crypto";
+
+Object.defineProperty(global, "crypto", {
+  value: {
+    randomUUID: () => crypto.randomUUID(),
+  },
+});
 
 global.confirm = jest.fn(() => true); // mock window.confirm
 
diff --git a/app/api/auth/[...nextauth]/route.ts b/app/api/auth/[...nextauth]/route.ts
index 69f42b3..73ee8d3 100644
--- a/app/api/auth/[...nextauth]/route.ts
+++ b/app/api/auth/[...nextauth]/route.ts
@@ -1,73 +1,6 @@
-import { connectMongoDB } from "@/libs/mongodb";
-import User from "@/models/User";
+import { authOptions } from "@/lib/authOptions";
 import NextAuth from "next-auth/next";
-import GoogleProvider from "next-auth/providers/google";
-import SignToken  from "@/app/api/auth/jwt";
-import { NextAuthOptions } from "next-auth";
-
-export const authOptions: NextAuthOptions = {
-  session: {
-    strategy: "jwt",
-    maxAge: 7 * 24 * 60 * 60, // 7 days
-  },
-  jwt: {
-    maxAge: 7 * 24 * 60 * 60,
-  },
-
-  providers: [
-    GoogleProvider({
-      clientId: process.env.GOOGLE_CLIENT_ID || "",
-      clientSecret: process.env.GOOGLE_CLIENT_SECRET || "",
-    }),
-  ],
-  callbacks: {
-    async jwt({ token, user, account }) {
-      if (account?.provider === "google") {
-        try {
-          await connectMongoDB();
-          const userExists = await User.findOne({ email: user.email });
-
-          if (!userExists) {
-            // Create the user document and add it to the token
-            const newUser = await User.create({
-              name: user.name,
-              username: user.email?.split("@")[0] || user.name,
-              image: user?.image || "",
-              email: user.email,
-            });
-            token._id = newUser._id; // Include the MongoDB ObjectId in the token
-            const data = {
-              email: newUser.email,
-              _id: newUser._id,
-            };
-            const tokenString = await SignToken(data);
-            token.accessToken = tokenString;
-          } else {
-            const data = {
-              email: userExists.email,
-              _id: userExists._id,
-            };
-            const tokenString = await SignToken(data);
-            token.accessToken = tokenString;
-            token._id = userExists._id;
-          }
-        } catch (error) {
-          console.error(error);
-        }
-      }
-
-      return token;
-    },
-
-    async session({ session, token }) {
-      session.user.id = token._id as string;
-      session.user.accessToken = token.accessToken as string;
-      session.user.expires = token.exp as number;
-      return session;
-    },
-  },
-};
 
 const handler = NextAuth(authOptions);
 
-export { handler as GET, handler as POST };
+export { handler as GET, handler as POST };
\ No newline at end of file
diff --git a/app/api/auth/jwt.ts b/app/api/auth/jwt.ts
index 9b4b702..9e9bdc5 100644
--- a/app/api/auth/jwt.ts
+++ b/app/api/auth/jwt.ts
@@ -1,6 +1,7 @@
+import { UUID } from "crypto";
 import jwt from "jsonwebtoken";
 
-const SignToken = async (data: { email: any; _id: any }) => {
+const SignToken = async (data: { email: string; _id: string }) => {
   const token = await jwt.sign(
     {
       email: data?.email,
@@ -8,7 +9,7 @@ const SignToken = async (data: { email: any; _id: any }) => {
     },
     process.env.JWT_SECRET,
     { expiresIn: "10d" }
-  );
+  ) as string;
   return token;
 };
 
diff --git a/app/api/events/[username]/route.ts b/app/api/events/[slug]/route.ts
similarity index 59%
rename from app/api/events/[username]/route.ts
rename to app/api/events/[slug]/route.ts
index 6bfed67..c67196d 100644
--- a/app/api/events/[username]/route.ts
+++ b/app/api/events/[slug]/route.ts
@@ -1,23 +1,22 @@
-import { connectMongoDB } from "@/libs/mongodb";
-import Events from "@/models/Events";
+import { db } from "@/db";
+import { eq, sql } from "drizzle-orm";
+import { events as Event } from "@/models/Events";
 import { NextResponse } from "next/server";
-import User from "@/models/User";
-import mongoose from "mongoose";
+import { users as User } from "@/models/User";
 import crypto from "crypto";
 
 // Public route
 // Get event by id
 export async function GET(request: Request) {
   const slug = request.url.split("/")[3];
-  await connectMongoDB();
-  const event = await Events.findOne({ slug });
+  const [event] = await db.select().from(Event).where(eq(Event._id, slug));
   if (!event) {
     return NextResponse.json({ message: "No event found" }, { status: 404 });
   }
   return NextResponse.json({ event }, { status: 200 });
 }
 
-function generateToken(length) {
+function generateToken(length: number) {
   const characters =
     "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
   let token = "";
@@ -29,15 +28,17 @@ function generateToken(length) {
 }
 
 export async function POST(request: Request) {
-  await connectMongoDB();
-  const token = request.headers.get("Authorization");
-  if (!token) {
+  const username = request.url.split("/")[5];
+  const userId = request.headers.get("userId");
+
+  if (!userId) {
     return NextResponse.json({ message: "Not Authorized!" }, { status: 401 });
   }
 
-  const user = await User.findOne({ username: request.url.split("/")[5] });
-  if (!user) {
-    return NextResponse.json({ message: "No user found" }, { status: 404 });
+  const [user] = await db.select().from(User).where(eq(User.username, username));
+
+  if (!user || user._id !== userId) {
+    return NextResponse.json({ message: "Unauthorized" }, { status: 404 });
   }
 
   if (user.role !== "organizer") {
@@ -59,9 +60,10 @@ export async function POST(request: Request) {
       location,
       coordinates,
       attendees,
+      link
     } = data;
 
-    const organizerId = new mongoose.Types.ObjectId(userId);
+    const organizerId = user._id;
 
     if (!title || !date || !location || !userId) {
       return NextResponse.json(
@@ -70,7 +72,15 @@ export async function POST(request: Request) {
       );
     }
 
-    const eventExists = await Events.findOne({ title });
+    if (userId !== user._id) {
+      return NextResponse.json(
+        { message: "User not authorized to create event" },
+        { status: 401 }
+      );
+    }
+
+    // Check if event already exists by title
+    const [eventExists] = await db.select().from(Event).where(eq(Event.title, title));
     if (eventExists) {
       return NextResponse.json(
         { message: "Event already exists" },
@@ -79,17 +89,26 @@ export async function POST(request: Request) {
     }
 
     const token = generateToken(10);
-    const event = await Events.create({
+
+    // remove quotes from coordinates
+    if (coordinates) {
+      coordinates.lat = parseFloat(coordinates?.lat) || 0;
+      coordinates.lng = parseFloat(coordinates?.lng) || 0;
+    }
+
+    const [event] = await db.insert(Event).values({
       title,
       description,
       image,
       date,
       location,
-      coordinates,
+      token,
+      link,
+      coordinates: coordinates || { lat: 0, lng: 0 },
       organizer: organizerId,
       attendees,
-      token,
-    });
+    }).returning();
+
     return NextResponse.json({ event }, { status: 200 });
   } catch (error) {
     console.error("Error creating event: ", error);
diff --git a/app/api/events/live/route.ts b/app/api/events/live/route.ts
index 3288589..5b811e5 100644
--- a/app/api/events/live/route.ts
+++ b/app/api/events/live/route.ts
@@ -1,8 +1,9 @@
-import { connectMongoDB } from "@/libs/mongodb";
-import Events from "@/models/Events";
+import { db } from "@/db";
+import { Attendees, events as Event } from "@/models/Events";
 import { NextResponse } from "next/server";
-import User from "@/models/User";
-import mongoose from "mongoose";
+import { users as User } from "@/models/User";
+import { eq, and, sql, Param } from "drizzle-orm";
+import { randomUUID } from "crypto";
 
 // Private route
 export async function POST(request: Request) {
@@ -10,28 +11,15 @@ export async function POST(request: Request) {
 
   const { userId, eventId, token } = body;
 
-  const accesstoken = request.headers.get("Authorization");
-  if (!token || !accesstoken) {
+  const userIdFromToken = request.headers.get("userId");
+  if (!token || !userId || !eventId || !userIdFromToken || userId !== userIdFromToken) {
     return NextResponse.json({ message: "Not Authorized!" }, { status: 401 });
   }
 
-  await connectMongoDB();
+  // check if the user and the event exists
+  const [user] = await db.select().from(User).where(eq(User._id, userId));
+  const [event] = await db.select().from(Event).where(eq(Event._id, eventId));
 
-  // check if the user exists
-  const user = await User.findById(userId);
-  // check if the user is already in the event using the event id and the user id
-  const isUserInEvent = await Events.findOne({
-    _id: eventId,
-    attendees: {
-      $elemMatch:
-      {
-        userId: new mongoose.Types.ObjectId(userId),
-      }
-    },
-  });
-
-  // check if the token is valid
-  const event = await Events.findById(eventId);
   if (!event || !user) {
     return NextResponse.json(
       { message: "Event or user not found" },
@@ -39,6 +27,17 @@ export async function POST(request: Request) {
     );
   }
 
+  let attendees = event.attendees as Attendees[];
+
+  if (!attendees) {
+    attendees = [];
+  }
+
+  const isUserInEvent = attendees.find(
+    (attendee) => attendee.userId === userId
+  ) as Attendees;
+
+  // check if the token is valid
   if (event?.token !== token) {
     return NextResponse.json({ message: "Invalid token" }, { status: 401 });
   }
@@ -48,7 +47,7 @@ export async function POST(request: Request) {
     return NextResponse.json(
       {
         message: "User already in the event",
-        code: isUserInEvent.attendees[0]?.code,
+        code: isUserInEvent.code,
       },
       { status: 201 }
     );
@@ -56,14 +55,12 @@ export async function POST(request: Request) {
 
   try {
     // create a code for the user to join the event
-    const code = new mongoose.Types.ObjectId().toString();
-    const updatedEvent = await Events.findByIdAndUpdate(
-      eventId,
-      {
-        $push: { attendees: { userId: userId, code: code } },
-      },
-      { new: true }
-    );
+    const code = randomUUID();
+
+    // add the user to the event
+    const updatedEvent = await db.update(Event).set({
+      attendees: [...attendees, { userId: userId, code: code }],
+    }).where(eq(Event._id, eventId));
 
     if (updatedEvent) {
       return NextResponse.json(
diff --git a/app/api/events/route.ts b/app/api/events/route.ts
index fc2e43f..21d23e1 100644
--- a/app/api/events/route.ts
+++ b/app/api/events/route.ts
@@ -1,26 +1,29 @@
-import { connectMongoDB } from "@/libs/mongodb";
-import Events from "@/models/Events";
+import { db } from "@/db";
+import { eq, not } from "drizzle-orm";
+import { events as Event } from "@/models/Events";
 import { NextResponse } from "next/server";
-import User from "@/models/User";
+import { users as User } from "@/models/User";
 
 // Private route
 // Get all events
 export async function GET(request: Request) {
-  await connectMongoDB();
   const userId = request.headers.get("userId");
 
-  // Find the user based on the userId in the header
-  const user = await User.findOne({ _id: userId });
+  if (!userId) {
+    return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
+  }
 
+  // Find the user based on the userId in the header
+  const [user] = await db.select().from(User).where(eq(User._id, userId));
 
   if (!user) {
     return NextResponse.json({ error: "Unauthorized" }, { status: 404 });
   }
 
   // Query all events where the user's ID matches the organizer field
-  const eventsWhereUserIsOrganizer = await Events.find({ organizer: user._id });
+  const eventsWhereUserIsOrganizer = await db.select().from(Event).where(eq(Event.organizer, user._id));
   // Query all events where the user is not the organizer
-  const eventsWhereUserIsNotOrganizer = await Events.find({ organizer: { $ne: user._id } });
+  const eventsWhereUserIsNotOrganizer = await db.select().from(Event).where(not(eq(Event.organizer, user._id)));
   // Combine the two arrays
   const allEvents = eventsWhereUserIsOrganizer.concat(eventsWhereUserIsNotOrganizer);
 
diff --git a/app/api/posts/[id]/comment/route.ts b/app/api/posts/[id]/comment/route.ts
deleted file mode 100644
index d318b3b..0000000
--- a/app/api/posts/[id]/comment/route.ts
+++ /dev/null
@@ -1,81 +0,0 @@
-import { connectMongoDB } from "@/libs/mongodb";
-import Post from "@/models/Post";
-import mongoose from "mongoose";
-import { NextResponse } from "next/server";
-
-
-// Private route handle post update
-export async function PUT(request: Request) {
-  const bearer = request.headers.get("Authorization");
-  const userId = request.headers.get("userId");
-
-  if (!bearer) {
-    return NextResponse.json({ message: "Not authorized" }, { status: 401 });
-  }
-  const postId = request.url.split("/")[5];
-
-  await connectMongoDB();
-
-  const post = await Post.findOne({ _id: postId }).lean() as any;
-
-  if (!post) {
-    return NextResponse.json({ message: "No posts found" }, { status: 404 });
-  }
-
-  const { _id, username, name, userImg, content, timestamp, url } = await request.json();
-
-  const newComment = {
-    _id: _id,
-    userId: userId,
-    content: content,
-    username: username,
-    timestamp: timestamp,
-    url: url,
-    userImg: userImg,
-    name: name,
-  };
-
-  post.comments.push(newComment);
-
-  await Promise.all([
-    Post.updateOne({ _id: postId }, { $push: { comments: newComment } }),
-  ]);
-
-  return NextResponse.json({ post: newComment }, { status: 200 });
-}
-
-export async function DELETE(request: Request) {
-  const userId = request.headers.get("userId");
-  const commentId = request.url.split("/")[5];
-
-  try {
-    await connectMongoDB();
-    // find the comment in the post.comments array
-    const post = await Post.findOne({ "comments._id": commentId });
-
-    if (!post) {
-      return NextResponse.json({ message: "No posts found" }, { status: 404 });
-    }
-
-    // check if the user is the author of the comment
-    const comment = post.comments.find((comment) => {
-      return comment?.userId === userId;
-    });
-
-    if (!comment) {
-      return NextResponse.json({ message: "Not authorized" }, { status: 401 });
-    }
-
-    // delete comment from post.comments array
-    const newComments = post.comments.filter((comment) => {
-      return comment._id.toString() !== commentId;
-    });
-
-    await post.updateOne({ comments: newComments });
-
-    return NextResponse.json({ message: "Comment deleted" }, { status: 200 });
-  } catch (error) {
-    console.error("Error: ", error);
-    return NextResponse.json({ message: "Something went wrong" }, { status: 500 });
-  }
-}
\ No newline at end of file
diff --git a/app/api/posts/[id]/like/route.ts b/app/api/posts/[id]/like/route.ts
deleted file mode 100644
index d877f7f..0000000
--- a/app/api/posts/[id]/like/route.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-import { connectMongoDB } from "@/libs/mongodb";
-import Post from "@/models/Post";
-import User from "@/models/User";
-import { NextResponse } from "next/server";
-
-// Private route handle post update
-export async function PUT(request: Request) {
-  const postId = request.url.split("/")[5];
-  const userId = request.headers.get("userId");
-
-  if (!postId || !userId) {
-    return NextResponse.json({ message: "Invalid data" }, { status: 400 });
-  }
-
-  await connectMongoDB();
-  const post = await Post.findOne({ _id: postId });
-  const user = await User.findOne({ _id: userId });
-
-  if (!post || !user) {
-    return NextResponse.json(
-      { message: "Post or user not found" },
-      { status: 404 }
-    );
-  }
-
-  const postLikeIndex = post.likes.indexOf(userId);
-  const userLikeIndex = user.likes.indexOf(postId);
-
-  if (postLikeIndex > -1 && userLikeIndex > -1) {
-    await removeLike(post, postLikeIndex, user, userLikeIndex);
-  } else {
-    await addLike(post, userId, user, postId);
-  }
-
-  return NextResponse.json(
-    { message: "Like updated successfully!" },
-    { status: 200 }
-  );
-}
-
-async function removeLike(post: { likes: any[]; updateOne: (arg0: { likes: any; }) => any; }, postLikeIndex: any, user: { likes: any[]; updateOne: (arg0: { likes: any; }) => any; }, userLikeIndex: any) {
-  post.likes.splice(postLikeIndex, 1);
-  user.likes.splice(userLikeIndex, 1);
-
-  await Promise.all([
-    post.updateOne({ likes: post.likes }),
-    user.updateOne({ likes: user.likes }),
-  ]);
-}
-
-async function addLike(post: { likes: any[]; updateOne: (arg0: { likes: any; }) => any; }, userId: any, user: { likes: any[]; updateOne: (arg0: { likes: any; }) => any; }, postId: any) {
-  post.likes.push(userId);
-  user.likes.push(postId);
-
-  await Promise.all([
-    post.updateOne({ likes: post.likes }),
-    user.updateOne({ likes: user.likes }),
-  ]);
-}
diff --git a/app/api/posts/[id]/route.ts b/app/api/posts/[id]/route.ts
deleted file mode 100644
index d97a927..0000000
--- a/app/api/posts/[id]/route.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import { connectMongoDB } from "@/libs/mongodb";
-import Post from "@/models/Post";
-import { NextResponse } from "next/server";
-
-// Public route
-export async function GET(request: Request) {
-  const postId = request.url.split("/")[5];
-
-  await connectMongoDB();
-  const post = await Post.findOne({ _id: postId });
-
-  if (!post) {
-    return NextResponse.json({ message: "No posts found" }, { status: 404 });
-  }
-  return NextResponse.json({ post: post }, { status: 200 });
-}
-
-// Private route handle post delete
-export async function DELETE(request: Request) {
-  const postId = request.url.split("/")[5];
-  const userId = request.headers.get("userId");
-
-  await connectMongoDB();
-
-  const post = await Post.findOne({ _id: postId });
-  if (!post) {
-    return NextResponse.json({ message: "No posts found" }, { status: 404 });
-  }
-
-  // Check if the user is the author of the post
-  if (post?.authorID !== userId) {
-    return NextResponse.json({ message: "Not authorized" }, { status: 401 });
-  }
-
-  // Delete the post from the database
-  await post.deleteOne({ _id: postId });
-
-  return NextResponse.json({ message: "Post deleted" }, { status: 200 });
-}
diff --git a/app/api/posts/[slug]/comment/route.ts b/app/api/posts/[slug]/comment/route.ts
new file mode 100644
index 0000000..dfca945
--- /dev/null
+++ b/app/api/posts/[slug]/comment/route.ts
@@ -0,0 +1,99 @@
+import { db } from "@/db";
+import { eq } from "drizzle-orm";
+import { CommentType, posts as Posts} from "@/models/Post";
+import { NextResponse } from "next/server";
+
+
+// Private route handle post update
+export async function PUT(request: Request) {
+  const bearer = request.headers.get("Authorization");
+  const userId = request.headers.get("userId");
+
+  if (!bearer) {
+    return NextResponse.json({ message: "Not authorized" }, { status: 401 });
+  }
+  const postId = request.url.split("/")[5];
+
+  try {
+
+    const [post] = await db.select().from(Posts).where(eq(Posts._id, postId));
+
+    if (!post) {
+      return NextResponse.json({ message: "No posts found" }, { status: 404 });
+    }
+
+    const { _id, username, name, userImg, content, timestamp, url } = await request.json();
+
+    const newComment = {
+      _id: _id,
+      userId: userId,
+      content: content,
+      username: username,
+      timestamp: timestamp,
+      url: url,
+      userImg: userImg,
+      name: name,
+    };
+
+    // if post.comments is null, create a new array
+    if (!post.comments) {
+      post.comments = [];
+    }
+
+    post.comments.push(newComment);
+
+    await Promise.all([
+      db.update(Posts).set({ comments: post.comments }).where(eq(Posts._id, postId)),
+    ]);
+
+    return NextResponse.json({ post: newComment }, { status: 200 });
+  } catch (error) {
+    console.error("Error: ", error);
+    return NextResponse.json({ message: "Something went wrong" }, { status: 500 });
+  }
+}
+
+export async function DELETE(request: Request) {
+  const userId = request.headers.get("userId");
+  const commentId = request.url.split("/")[5];
+  const body = await request.json();
+
+  const postId = body.postId;
+
+  if (!userId || !commentId || !postId) {
+    return NextResponse.json({ message: "Not authorized" }, { status: 401 });
+  }
+
+  try {
+    // find the original post
+    const [post] = await db.select().from(Posts).where(eq(Posts._id, postId));
+
+    if (!post) {
+      return NextResponse.json({ message: "No posts found" }, { status: 404 });
+    }
+
+    const comments = post.comments as CommentType[];
+
+    // check if the user is the author of the comment
+    const comment = comments.find((comment) => {
+      return comment?.userId === userId && comment?._id === commentId;
+    });
+
+    if (!comment) {
+      return NextResponse.json({ message: "Not authorized" }, { status: 401 });
+    }
+
+    // delete comment from post.comments array
+    const newComments = post.comments?.filter((comment: CommentType) => {
+      return comment._id.toString() !== commentId;
+    });
+
+    // update the post with the new comments array
+    await db.update(Posts).set({ comments: newComments }).where(eq(Posts._id, post._id));
+
+    return NextResponse.json({ message: "Comment deleted" }, { status: 200 });
+  } catch (error) {
+    console.error("Error: ", error);
+    return NextResponse.json({ message: "Something went wrong" }, { status: 500 });
+  }
+}
\ No newline at end of file
diff --git a/app/api/posts/[slug]/like/route.ts b/app/api/posts/[slug]/like/route.ts
new file mode 100644
index 0000000..2e380bd
--- /dev/null
+++ b/app/api/posts/[slug]/like/route.ts
@@ -0,0 +1,64 @@
+import { db } from "@/db";
+import { posts as Post, PostType } from "@/models/Post";
+import { users as User, UserType } from "@/models/User";
+import { UUID } from "crypto";
+import { eq } from "drizzle-orm";
+import { NextResponse } from "next/server";
+
+// Private route handle post update
+export async function PUT(request: Request) {
+  const postId = request.url.split("/")[5] as UUID;
+  const userId = request.headers.get("userId") as UUID;
+
+  if (!postId || !userId) {
+    return NextResponse.json({ message: "Unauthorised" }, { status: 400 });
+  }
+
+  const [post] = await db.select().from(Post).where(eq(Post._id, postId));
+  const [user] = await db.select().from(User).where(eq(User._id, userId));
+
+  if (!post || !user) {
+    return NextResponse.json(
+      { message: "Post or user not found" },
+      { status: 404 }
+    );
+  }
+
+  // if post.likes is null, set it to an empty array
+  post.likes = post.likes || [];
+  user.likes = user.likes || [];
+
+  const postLikeIndex = post.likes?.indexOf(userId)
+  const userLikeIndex = user.likes?.indexOf(postId)
+
+  if (postLikeIndex > -1 && userLikeIndex > -1) {
+    await removeLike(post, postLikeIndex, user, userLikeIndex);
+  } else {
+    await addLike(post, userId, user, postId);
+  }
+
+  return NextResponse.json(
+    { message: "Like updated successfully!" },
+    { status: 200 }
+  );
+}
+
+async function removeLike(post: PostType, postLikeIndex: number, user: UserType, userLikeIndex: number) {
+  post.likes?.splice(postLikeIndex, 1);
+  user.likes?.splice(userLikeIndex, 1);
+
+  await Promise.all([
+    db.update(Post).set({ likes: post.likes }).where(eq(Post._id, post._id)),
+    db.update(User).set({ likes: user.likes }).where(eq(User._id, user._id)),
+  ]);
+}
+
+async function addLike(post: PostType, userId: UUID, user: UserType, postId: UUID) {
+  post.likes?.push(userId);
+  user.likes?.push(postId);
+
+  await Promise.all([
+    db.update(Post).set({ likes: post.likes }).where(eq(Post._id, post._id)),
+    db.update(User).set({ likes: user.likes }).where(eq(User._id, user._id)),
+  ]);
+}
diff --git a/app/api/posts/[slug]/route.ts b/app/api/posts/[slug]/route.ts
new file mode 100644
index 0000000..96b5d72
--- /dev/null
+++ b/app/api/posts/[slug]/route.ts
@@ -0,0 +1,63 @@
+import { db } from "@/db";
+import { Post, posts } from "@/models/Post";
+import { users } from "@/models/User";
+import { UUID, randomUUID } from "crypto";
+import { eq } from "drizzle-orm";
+import { NextResponse } from "next/server";
+
+// Public route
+export async function GET(request: Request) {
+  const postId = request.url.split("/")[5];
+
+  const validUUID = postId?.match(/^[0-9a-f]{8}-[0-9a-f]{4}-[0-5][0-9a-f]{3}-[089ab][0-9a-f]{3}-[0-9a-f]{12}$/i);
+
+  // early return if no postId or postId is not a valid UUID
+  if (!postId || !validUUID) {
+    return NextResponse.json({ message: "Invalid post ID" }, { status: 404 });
+  }
+
+  const [post] = await db.select({
+    _id: posts._id,
+    userImg: users.image,
+    username: users.username,
+    name: users.name,
+    content: posts.content,
+    authorID: posts.authorID,
+    comments: posts.comments,
+    category: posts.category,
+    likes: posts.likes,
+    url: posts.url,
+    createdAt: posts.createdAt,
+    updatedAt: posts.updatedAt,
+  }).from(posts).fullJoin(users, eq(posts.authorID, users._id)).where(eq(posts._id, postId));
+
+  if (!post) {
+    return NextResponse.json({ message: "No posts found" }, { status: 404 });
+  }
+  return NextResponse.json({ post: post }, { status: 200 });
+}
+
+// Private route handle post delete
+export async function DELETE(request: Request) {
+  const postId = request.url.split("/")[5];
+  const userId = request.headers.get("userId");
+
+  const [post] = await db.select().from(posts).where(eq(posts._id, postId))
+
+  if (!post) {
+    return NextResponse.json({ message: "No posts found" }, { status: 404 });
+  }
+
+  // Check if the user is the author of the post
+  if (post?.authorID !== userId) {
+    return NextResponse.json({ message: "Not authorized" }, { status: 401 });
+  }
+
+  try {
+    await db.delete(posts).where(eq(posts._id, postId));
+    return NextResponse.json({ message: "Post deleted" }, { status: 200 });
+  } catch (error) {
+    console.error("Error deleting post: ", error);
+    return NextResponse.json({ message: "Error deleting post" }, { status: 500 });
+  }
+}
diff --git a/app/api/posts/route.ts b/app/api/posts/route.ts
index 9639f55..caabd56 100644
--- a/app/api/posts/route.ts
+++ b/app/api/posts/route.ts
@@ -1,42 +1,63 @@
-import { connectMongoDB } from "@/libs/mongodb";
-import Post from "../../../models/Post";
+import { db } from "@/db";
+import { posts as Posts } from "@/models/Post";
+import { users } from "@/models/User";
+import { eq } from "drizzle-orm";
 import { NextRequest, NextResponse } from "next/server";
 
 export async function GET(req: NextRequest) {
+
+  const type = req.nextUrl.searchParams.get("type") || null;
+
   try {
-    await connectMongoDB();
-    const type = req.nextUrl.searchParams.get("type") || null;
+
+      const posts = await db
+        .select({
+          _id: Posts._id,
+          userImg: users.image,
+          username: users.username,
+          name: users.name,
+          content: Posts.content,
+          authorID: Posts.authorID,
+          comments: Posts.comments,
+          category: Posts.category,
+          likes: Posts.likes,
+          url: Posts.url,
+          createdAt: Posts.createdAt,
+          updatedAt: Posts.updatedAt,
+        })
+        .from(Posts)
+        .leftJoin(users, eq(Posts.authorID, users._id))
 
     if (type) {
-      const posts = await Post.find({ category: type });
-      return NextResponse.json({ posts });
+      const filteredPosts = posts.filter((post) => post.category === type);
+      return NextResponse.json({ posts: filteredPosts });
     }
 
-    const posts = await Post.find({}); // fetch data from the source
     return NextResponse.json({ posts }); // respond with JSON
   } catch (error) {
     console.error("Error fetching posts: ", error);
-    return NextResponse.json({ message: "Error fetching posts from MongoDB!" });
+    return NextResponse.json({ message: "Error fetching posts from database!" });
   }
 }
 
 // Private route, handle post creation
-export async function POST(req) {
+export async function POST(req: NextRequest) {
   try {
-    const { _id, username, name, userImg, content, authorID, category, url } =
-      await req.json();
-    await connectMongoDB();
-    const res = await Post.create({
+    const { _id, content, authorID, category, url } = await req.json();
+
+    if (!_id || !authorID || !category) {
+      return NextResponse.json({ message: "Missing required fields!" }, { status: 400 });
+    }
+
+    await db.insert(Posts).values({
       _id,
-      username,
-      name,
-      userImg,
       content,
       authorID,
       category,
       url,
     });
-    return NextResponse.json({ message: "success", post: res });
+
+    return NextResponse.json({ message: "success"});
   } catch (error) {
     console.error("Error creating post: ", error);
     return NextResponse.json({ message: "error: ", error });
diff --git a/app/api/posts/username/[slug]/route.ts b/app/api/posts/username/[slug]/route.ts
index c153c81..fdc24b2 100644
--- a/app/api/posts/username/[slug]/route.ts
+++ b/app/api/posts/username/[slug]/route.ts
@@ -1,14 +1,31 @@
-import { connectMongoDB } from "@/libs/mongodb";
-import Post from "@/models/Post";
+import { db } from "@/db";
+import { eq } from "drizzle-orm";
+import { posts as Posts } from "@/models/Post";
 import { NextResponse } from "next/server";
+import { users } from "@/models/User";
 
 // Public route
 export async function GET(request: Request) {
   // get username from request params
   const username = request.url.split("/")[6];
 
-  await connectMongoDB();
-  const posts = await Post.find({ username });
+  const posts = await db.select({
+    _id: Posts._id,
+    userImg: users.image,
+    username: users.username,
+    name: users.name,
+    content: Posts.content,
+    authorID: Posts.authorID,
+    comments: Posts.comments,
+    category: Posts.category,
+    likes: Posts.likes,
+    url: Posts.url,
+    createdAt: Posts.createdAt,
+    updatedAt: Posts.updatedAt,
+  })
+    .from(Posts)
+    .leftJoin(users, eq(Posts.authorID, users._id))
+    .where(eq(users.username, username));
   if (!posts) {
     return NextResponse.json({ message: "No posts found" }, { status: 404 });
   }
diff --git a/app/api/search/full/route.ts b/app/api/search/full/route.ts
new file mode 100644
index 0000000..fa3bdaa
--- /dev/null
+++ b/app/api/search/full/route.ts
@@ -0,0 +1,67 @@
+import { db } from "@/db";
+import { users as User } from "@/models/User";
+import { posts as Post, CommentType } from "@/models/Post";
+import { eq, like, or } from "drizzle-orm";
+import { NextRequest, NextResponse } from "next/server";
+
+export async function GET(req: NextRequest) {
+
+  const query = req.nextUrl.searchParams.get("q") || null;
+
+  try {
+
+    const userId = req.headers.get("userId");
+
+    if (!query || query === "") {
+      return NextResponse.json({ message: "No search query provided!" });
+    }
+
+    if (!userId) {
+      return NextResponse.json({ message: "User not authenticated!" });
+    }
+
+    const userResults = await db
+      .select({
+        _id: User._id,
+        image: User.image,
+        followers: User.followers,
+        username: User.username,
+        name: User.name
+      })
+      .from(User)
+      .where(
+        or(
+          like(User.name, `%${query}%`),
+          like(User.username, `%${query}%`)
+        ))
+      .limit(5);
+
+    const postResults = await db
+      .select({
+        _id: Post._id,
+        userImg: User.image,
+        username: User.username,
+        name: User.name,
+        content: Post.content,
+        likes: Post.likes,
+        comments: Post.comments,
+        authorID: Post.authorID,
+        url: Post.url || "",
+        createdAt: Post.createdAt,
+        updatedAt: Post.updatedAt
+      })
+      .from(Post)
+      .leftJoin(User, eq(Post.authorID, User._id))
+      .where(
+          like(Post.content, `%${query}%`),
+        )
+      .limit(15);
+
+    // respond with JSON
+    return NextResponse.json({ userResults, postResults });
+
+  } catch (error) {
+    console.error("Error fetching users and posts: ", error);
+    return NextResponse.json({ message: "Error fetching users and posts from database!" });
+  }
+}
\ No newline at end of file
diff --git a/app/api/search/route.ts b/app/api/search/route.ts
new file mode 100644
index 0000000..f57ceff
--- /dev/null
+++ b/app/api/search/route.ts
@@ -0,0 +1,33 @@
+import { db } from "@/db";
+import { users as User } from "@/models/User";
+import { eq, like, or } from "drizzle-orm";
+import { NextRequest, NextResponse } from "next/server";
+
+export async function GET(req: NextRequest) {
+
+  const query = req.nextUrl.searchParams.get("search") || null;
+
+  try {
+    // this is an auto complete search query that searches for posts and users
+    const results = await db
+      .select({
+        _id: User._id,
+        userImg: User.image,
+        username: User.username,
+        name: User.name
+      })
+      .from(User)
+      .where(
+        or(
+          like(User.name, `%${query}%`),
+          like(User.username, `%${query}%`)
+        ))
+      .limit(8);
+    // respond with JSON
+    return NextResponse.json({ results });
+
+  } catch (error) {
+    console.error("Error fetching posts: ", error);
+    return NextResponse.json({ message: "Error fetching posts from database!" });
+  }
+}
\ No newline at end of file
diff --git a/app/api/user/[username]/follow/route.ts b/app/api/user/[username]/follow/route.ts
index b92d298..4014bb1 100644
--- a/app/api/user/[username]/follow/route.ts
+++ b/app/api/user/[username]/follow/route.ts
@@ -1,58 +1,92 @@
-import { connectMongoDB } from "@/libs/mongodb";
-import User from "@/models/User";
+import { db } from "@/db";
+import { eq } from "drizzle-orm";
+import { users as User } from "@/models/User";
 import { NextResponse } from "next/server";
 
 const followUser = async (followFromUser: any, followToUser: any) => {
-  await User.updateOne(
-    { _id: followFromUser._id },
-    { $push: { following: followToUser._id } }
-  );
-  await User.updateOne(
-    { _id: followToUser._id },
-    { $push: { followers: followFromUser._id } }
-  );
-  return NextResponse.json({ message: "User followed" }, { status: 200 });
-}
+  try {
+    // add the user to the following list of the user currently logged-in
+    await db
+      .update(User)
+      .set({following: [...followFromUser.following, followToUser._id]})
+      .where(eq(User._id, followFromUser._id));
+
+    // add the logged-in user to the followers list of the user being followed
+    await db
+      .update(User)
+      .set({ followers: [...followToUser.followers, followFromUser._id] })
+      .where(eq(User._id, followToUser._id));
+
+    return NextResponse.json({ message: "User followed" }, { status: 200 });
+
+  } catch (error) {
+    console.error("Error following user: ", error);
+    return NextResponse.json({ message: "Error following user" }, { status: 500 });
+  }
+};
 
 const unFollowUser = async (followFromUser: any, followToUser: any) => {
-  await User.updateOne(
-    { _id: followFromUser._id },
-    { $pull: { following: followToUser._id } }
-  );
-  await User.updateOne(
-    { _id: followToUser._id },
-    { $pull: { followers: followFromUser._id } }
-  );
-  return NextResponse.json({ message: "User unfollowed" }, { status: 200 });
-}
+
+  try {
+    // remove the user from the following list of the user currently logged-in
+    await db.update(User)
+      .set({
+      following: followFromUser.following.filter(
+        (id: any) => id !== followToUser._id
+      ),
+    }).where(eq(User._id, followFromUser._id));
+
+    // remove the logged-in user from the followers list of the user being followed
+    await db.update(User)
+      .set({
+      followers: followToUser.followers.filter(
+        (id: any) => id !== followFromUser._id
+      ),
+    }).where(eq(User._id, followToUser._id));
+
+    return NextResponse.json({ message: "User unfollowed" }, { status: 200 });
+  } catch (error) {
+    console.error("Error unfollowing user: ", error);
+    return NextResponse.json({ message: "Error unfollowing user" }, { status: 500 });
+  }
+};
 
 export async function PUT(request: Request) {
   const { action, followFrom, followTo } = await request.json();
 
-  const token = request.headers.get("Authorization");
+  const userIdVerified = request.headers.get("userId");
 
-  if (action !== "follow") {
+  if (action !== "follow" || !followFrom || !followTo) {
     return NextResponse.json({ message: "Invalid action" }, { status: 400 });
   }
 
-  if (!token) {
+  if (!userIdVerified) {
     return NextResponse.json({ message: "Not Authorized!" }, { status: 401 });
   }
 
-  await connectMongoDB();
+  // Reject the request if the user is trying to follow themself
+  if (followFrom === followTo || followTo === userIdVerified ) {
+    return NextResponse.json({ message: "Unable to follow yourself!"}, { status: 400 })
+  }
+
   // find both users
-  const followFromUser = await User.findOne({ _id: followFrom });
-  const followToUser = await User.findOne({ _id: followTo });
+  const [followFromUser] = await db
+    .select()
+    .from(User)
+    .where(eq(User._id, followFrom));
+  const [followToUser] = await db
+    .select()
+    .from(User)
+    .where(eq(User._id, followTo));
 
   if (!followFromUser || !followToUser) {
-    return NextResponse.json(
-      { message: "User not found" },
-      { status: 404 }
-    );
+    return NextResponse.json({ message: "User not found" }, { status: 404 });
   }
   // check if the user is already following the other user
   const isUserFollowing = followFromUser?.following?.includes(followToUser._id);
-  const isUserFollowedBy = followToUser?.followers?.includes(followFromUser._id);
+  const isUserFollowedBy = followToUser?.followers?.includes(
+    followFromUser._id
+  );
 
   // if the user is already following the other user, unfollow
   if (isUserFollowing && isUserFollowedBy) {
@@ -68,5 +102,4 @@ export async function PUT(request: Request) {
     { message: "Something went wrong" },
     { status: 500 }
   );
-
 }
diff --git a/app/api/user/[username]/route.ts b/app/api/user/[username]/route.ts
index 1074850..c34ad13 100644
--- a/app/api/user/[username]/route.ts
+++ b/app/api/user/[username]/route.ts
@@ -1,13 +1,13 @@
-import { connectMongoDB } from "@/libs/mongodb";
-import User from "@/models/User";
+import { db } from "@/db";
+import {users as User} from "@/models/User";
+import { eq } from "drizzle-orm";
 import { NextResponse } from "next/server";
 
 // Public route
 export async function GET(request: Request) {
   // get username from request params
   const username = request.url.split("/")[5];
-  await connectMongoDB();
-  const user = await User.findOne({ username });
+  const [user] = await db.select().from(User).where(eq(User.username, username));
   if (!user) {
     return NextResponse.json({ message: "User not found" }, { status: 404 });
   }
@@ -17,12 +17,12 @@ export async function GET(request: Request) {
 export async function PUT(request: Request) {
   // get username from request params
   const username = request.url.split("/")[5];
-  await connectMongoDB();
-  const user = await User.findOne({ username });
+  const [user] = await db.select().from(User).where(eq(User.username, username));
   if (!user) {
     return NextResponse.json({ message: "User not found" }, { status: 404 });
   }
+  // update user
   user.role = "organizer";
-  await user.save();
+  await db.update(User).set(user).where(eq(User.username, username));
   return NextResponse.json({ message: "User updated", user }, { status: 200 });
 }
diff --git a/app/api/user/[username]/userlikes/route.ts b/app/api/user/[username]/userlikes/route.ts
deleted file mode 100644
index d51896a..0000000
--- a/app/api/user/[username]/userlikes/route.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import { connectMongoDB } from "@/libs/mongodb";
-import User from "@/models/User";
-import { NextResponse } from "next/server";
-
-// Public route
-export async function GET(request: Request) {
-  const username = request.url.split("/")[5];
-  await connectMongoDB();
-  //only get the likes array from the user dont get the id
-  const likedPosts = await User.find({ username }, { likes: 1, _id: 0 });
-
-  if (!likedPosts) {
-    return NextResponse.json({ message: "No posts found" }, { status: 404 });
-  }
-  return NextResponse.json({ posts: likedPosts }, { status: 200 });
-}
diff --git a/app/api/user/[username]/verify/route.ts b/app/api/user/[username]/verify/route.ts
index e12ad13..694aa88 100644
--- a/app/api/user/[username]/verify/route.ts
+++ b/app/api/user/[username]/verify/route.ts
@@ -1,12 +1,13 @@
-import { connectMongoDB } from "@/libs/mongodb";
-import User from "@/models/User";
+import { db } from "@/db";
+import { eq } from "drizzle-orm";
+import { users as User } from "@/models/User";
 import { NextResponse } from "next/server";
 
 export async function PUT(request: Request) {
   // get username from request params
   const username = request.url.split("/")[5];
-  await connectMongoDB();
-  const user = await User.findOne({ username });
+  const [user] = await db.select().from(User).where(eq(User.username, username));
+
   if (!user) {
     return NextResponse.json({ message: "User not found" }, { status: 404 });
   }
@@ -20,6 +21,6 @@ export async function PUT(request: Request) {
   }
 
   user.verified = true;
-  await user.save();
+  await db.update(User).set(user).where(eq(User.username, username));
   return NextResponse.json({ message: "User updated", user }, { status: 200 });
 }
diff --git a/app/api/user/route.ts b/app/api/user/route.ts
deleted file mode 100644
index 602ae36..0000000
--- a/app/api/user/route.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { connectMongoDB } from "@/libs/mongodb";
-import User from "@/models/User";
-import { NextResponse } from "next/server";
-
-export async function POST(request: Request) {
-  const { email } = await request.json();
-  const username = email.split("@")[0];
-  await connectMongoDB();
-  const user = await User.create({ email, username });
-  return NextResponse.json({ message: "User created", user }, { status: 201 });
-}
-
-export async function GET(request: Request) {
-  const { username } = await request.json();
-  await connectMongoDB();
-  try {
-    const user = await User.findOne({ username });
-    return NextResponse.json({ message: "User found", user }, { status: 200 });
-  } catch (e) {
-    return NextResponse.json({ message: "User not found" }, { status: 404 });
-  }
-}
diff --git a/app/api/widgets/trending/posts/route.ts b/app/api/widgets/trending/posts/route.ts
index 4dfd473..8c6fd1b 100644
--- a/app/api/widgets/trending/posts/route.ts
+++ b/app/api/widgets/trending/posts/route.ts
@@ -1,34 +1,76 @@
-import { connectMongoDB } from "@/libs/mongodb";
+import { db } from "@/db";
 import { NextResponse } from "next/server";
-import Post from "@/models/Post";
+import { posts as Post, PostType } from "@/models/Post";
+import { eq, gte, ne, lt, and, desc } from "drizzle-orm";
 import moment from "moment";
 
+
+const getTrendingPosts = (posts: PostType[]) => {
+
+  if (!posts || posts.length < 3) {
+    return [];
+  }
+
+  return posts
+    .filter((post) => post.content && post.content.length < 50)
+    .sort((postA, postB) => {
+      // if post.likes is null, set it to an empty array
+      postA.likes = postA.likes || [];
+      postB.likes = postB.likes || [];
+      // if post.comments is null, set it to an empty array
+      postA.comments = postA.comments || [];
+      postB.comments = postB.comments || [];
+
+      const scoreA = postA.likes.length + postA.comments.length;
+      const scoreB = postB.likes.length + postB.comments.length;
+      return scoreB - scoreA;
+    })
+    .slice(0, 10);
+}
 // Public route
 // Get the 10 most popular posts in the last 24 hours
 export async function GET(request: Request) {
-  await connectMongoDB();
-
   // Calculate the timestamp for 24 hours ago
   const twentyFourHoursAgo = moment().subtract(24, "hours").toDate();
 
   try {
     // Query posts created in the last 24 hours
-    const posts = await Post.find({
-      createdAt: { $gte: twentyFourHoursAgo },
-    });
+    const posts = await db
+      .select()
+      .from(Post)
+      .where(and(gte(Post.createdAt, twentyFourHoursAgo)))
+    // const posts = await Post.find({
+    //   createdAt: { $gte: twentyFourHoursAgo },
+    // });
 
     // if no posts or less than 3 posts, return the most recent 10 posts
     if (!posts || posts.length < 3) {
-      const trendingPosts = await Post.find({
-        // where content is not empty and content length is not greater than 50
-        content: { $ne: "" },
-        $expr: { $lt: [{ $strLenCP: "$content" }, 50] },
-      }).sort({ createdAt: -1 }).limit(10);
+      // const trendingPosts = await Post.find({
+      //   // where content is not empty and content length is not greater than 50
+      //   content: { $ne: "" },
+      //   $expr: { $lt: [{ $strLenCP: "$content" }, 50] },
+      // })
+      //   .sort({ createdAt: -1 })
+      //   .limit(10);
+
+      const allPosts = await db.select()
+        .from(Post)
+        .limit(10)
+        .orderBy(desc(Post.createdAt));
+
+     const trendingPosts = getTrendingPosts(allPosts);
+
       return NextResponse.json({ trendingPosts }, { status: 200 });
     }
 
     // Sort the posts by the total number of likes and comments combined
     posts.sort((postA, postB) => {
+
+      postA.likes = postA.likes || [];
+      postB.likes = postB.likes || [];
+      postA.comments = postA.comments || [];
+      postB.comments = postB.comments || [];
+
       const scoreA = postA.likes.length + postA.comments.length;
       const scoreB = postB.likes.length + postB.comments.length;
       return scoreB - scoreA;
diff --git a/app/api/widgets/trending/users/route.ts b/app/api/widgets/trending/users/route.ts
index 3cd7f21..3918373 100644
--- a/app/api/widgets/trending/users/route.ts
+++ b/app/api/widgets/trending/users/route.ts
@@ -1,33 +1,30 @@
-import { connectMongoDB } from "@/libs/mongodb";
-import User from "@/models/User";
+import { db } from "@/db";
+import { users as User } from "@/models/User";
+import { desc, gte } from "drizzle-orm";
 import { NextResponse } from "next/server";
 import moment from "moment";
 
+/**
+ * TODO: Scale the trending users route for production
+ */
 
+// Public route
 export async function GET(request: Request) {
-  await connectMongoDB();
   try {
     // Calculate the timestamp for 24 hours ago
     const twentyFourHoursAgo = moment().subtract(24, "hours").toDate();
 
     // Query users who received new followers in the last 24 hours
-    const users = await User.find({
-      updatedAt: { $gte: twentyFourHoursAgo },
-    });
-
-    // Sort the users by the number of new followers they received
-    users.sort((userA, userB) => {
-      const newFollowersA =
-        userA.followersCount - userA.followersCountAtLastUpdate;
-      const newFollowersB =
-        userB.followersCount - userB.followersCountAtLastUpdate;
-      return newFollowersB - newFollowersA;
-    });
+    const users = await db.select()
+      .from(User)
+      .where(gte(User.updatedAt, twentyFourHoursAgo))
+      .orderBy(desc(User.followers))
+      .limit(10);
 
     // Get the top 10 users
     const topUsers = users.slice(0, 10);
-
     return NextResponse.json({ topUsers }, { status: 200 });
+
   } catch (error) {
     console.error("Error fetching trending users:", error);
     return NextResponse.json(
diff --git a/app/events/page.tsx b/app/events/page.tsx
index e68c1f1..5bed44e 100644
--- a/app/events/page.tsx
+++ b/app/events/page.tsx
@@ -4,10 +4,11 @@ import Widgets from "@/components/Widgets";
 import CreateEventLayout from "@/components/createEventLayout";
 import EventsLayout from "@/components/EventsLayout";
 import { getServerSession } from "next-auth";
-import { authOptions } from "@/app/api/auth/[...nextauth]/route";
+import { authOptions } from "@/lib/authOptions";
 import Login from "../login/page";
 import PostModal from "@/components/PostModal";
 import { backendUrl } from "../utils/config/backendUrl";
+import { Session } from "next-auth/core/types";
 
 export default async function Event({}) {
 
@@ -53,7 +54,7 @@ export default async function Event({}) {
     </main>
   );
 
-  async function getEvents(session: any) {
+  async function getEvents(session: Session | null) {
 
     if (!backendUrl || backendUrl === "undefined") {
       return {
diff --git a/app/for-you/page.tsx b/app/for-you/page.tsx
new file mode 100644
index 0000000..f7ab86c
--- /dev/null
+++ b/app/for-you/page.tsx
@@ -0,0 +1,63 @@
+import Sidebar from "@/components/Sidebar";
+import Widgets from "@/components/Widgets";
+import Feed from "@/components/Feed";
+import { backendUrl } from "@/app/utils/config/backendUrl";
+
+export default async function ForYou() {
+  const { trendingPosts, randomUsersResults } = await getWidgetsData();
+
+  return (
+    <div>
+      <main
+        role="main"
+        className="flex  dark:bg-darkBg dark:text-darkText overflow-clip min-h-screen mx-auto"
+      >
+        {/* Sidebar */}
+        <Sidebar />
+
+        <div className="flex flex-grow w-full">
+          {/* For-you Feed */}
+          <Feed type={"for-you"} />
+
+          {/* Widgets */}
+
+          <Widgets
+            trendingPosts={trendingPosts}
+            randomUsersResults={randomUsersResults}
+          />
+        </div>
+      </main>
+    </div>
+  );
+
+  async function getWidgetsData() {
+    if (!backendUrl || backendUrl === "undefined") {
+      return {
+        trendingPosts: [],
+        randomUsersResults: [],
+      };
+    }
+
+    try {
+      const trendingPostsRes = await fetch(
+        `${backendUrl}/widgets/trending/posts`
+      );
+      const randomUsersRes = await fetch(
+        "https://randomuser.me/api/?results=10&inc=name,login,picture"
+      );
+
+      const trendingPosts = await trendingPostsRes.json();
+      const randomUsersResults = await randomUsersRes.json();
+
+      return {
+        trendingPosts: trendingPosts.trendingPosts,
+        randomUsersResults: randomUsersResults.results,
+      };
+    } catch (error) {
+      return {
+        trendingPosts: [],
+        randomUsersResults: [],
+      };
+    }
+  }
+}
diff --git a/app/notifications/page.tsx b/app/notifications/page.tsx
index 5885376..cb1c6bf 100644
--- a/app/notifications/page.tsx
+++ b/app/notifications/page.tsx
@@ -5,7 +5,7 @@ import PostModal from "@/components/PostModal";
 import Image from "next/image";
 import moment from "moment";
 import { getServerSession } from "next-auth";
-import { authOptions } from "@/app/api/auth/[...nextauth]/route";
+import { authOptions } from "@/lib/authOptions";
 import { BellIcon } from "@heroicons/react/24/outline";
 import { backendUrl } from "../utils/config/backendUrl";
 
@@ -89,6 +89,7 @@ export default async function Notifications({}) {
                       <Image
                         src={notification.userImg}
                         alt=""
+                        referrerPolicy="no-referrer"
                         className="rounded-full h-11 w-11 object-cover"
                         width={40}
                         height={40}
diff --git a/app/search/page.tsx b/app/search/page.tsx
new file mode 100644
index 0000000..b2495dc
--- /dev/null
+++ b/app/search/page.tsx
@@ -0,0 +1,177 @@
+import Sidebar from "@/components/Sidebar";
+import Widgets from "@/components/Widgets";
+import Navbar from "@/components/Navbar";
+import { backendUrl } from "../utils/config/backendUrl";
+import SearchUser from "@/components/searchUser";
+import Post from "@/components/Post";
+import CommentModal from "@/components/CommentModal";
+import { getServerSession } from "next-auth";
+import { redirect } from "next/navigation";
+import { authOptions } from "@/lib/authOptions";
+import PostModal from "@/components/PostModal";
+
+type SearchResults = {
+  userResults:
+    | [
+        {
+          _id: string;
+          image: string;
+          followers: string[];
+          username: string;
+          name: string;
+        }
+      ]
+    | null;
+  postResults:
+    | [
+        {
+          _id: string;
+          userImg: string;
+          username: string;
+          name: string;
+          content: string;
+          likes: string[];
+          comments: [] | null;
+          authorID: string;
+          url: string | "";
+          createdAt: string;
+          updatedAt: string;
+        }
+      ]
+    | null;
+};
+
+export default async function Search({
+  searchParams,
+}: {
+  searchParams: { [key: string]: string | string[] | undefined };
+}) {
+  const session = await getServerSession(authOptions);
+  const currentUser = session?.user;
+
+  if (
+    currentUser?.accessToken === null ||
+    currentUser?.accessToken === undefined
+  ) {
+    redirect("/login");
+  }
+
+  const { q } = searchParams;
+
+  const { trendingPosts, randomUsersResults } = await getWidgetsData();
+  const searchResults = (await getSearchResults(
+    q as string,
+    currentUser?.accessToken
+  )) as SearchResults;
+
+  const users = searchResults?.userResults || [];
+  const posts = searchResults?.postResults || [];
+
+  return (
+    <div className="flex dark:bg-darkBg min-h-screen mx-auto overflow-clip">
+      <Sidebar />
+      <div className="mainContent flex flex-col xl:ml-[350px] border-l border-r border-lightBorderColor dark:border-darkBorderColor w-screen sm:max-w-[calc(100vw-82px)] md:max-w-2xl xl:min-w-[680px] sm:ml-[82px] lg:max-w-[650px] flex-grow">
+        <Navbar title={"Search"} />
+        {users.length > 0 && (
+          <div className="py-3 px-4">
+            <h2 className="text-xl font-extrabold">Artists</h2>
+          </div>
+        )}
+        <div className="flex flex-col">
+          <div className=" pb-2">
+            {users.length > 0 &&
+              users.map((user) => (
+                <>
+                  <SearchUser key={user._id} currentUser={session} user={user} />
+                </>
+              ))}
+          </div>
+          {users.length > 0 && (
+            <div className="border-b border-lightBorderColor dark:border-darkBorderColor"></div>
+          )}
+          {posts?.length > 0 && (
+            <>
+              {/* <div className="py-3 px-4">
+                <h2 className="text-xl font-extrabold">Posts</h2>
+              </div> */}
+              <div className="flex flex-col">
+                {posts.map((post) => (
+                  <div key={post._id} className="flex flex-col">
+                    <Post
+                      key={post._id}
+                      id={post._id}
+                      post={post}
+                      updatePosts={undefined}
+                    />
+                  </div>
+                ))}
+              </div>
+            </>
+          )}
+
+          {users.length === 0 && posts.length === 0 && (
+            <div className="flex justify-center items-center h-[50vh]">
+              <h2 className="text-2xl font-bold text-gray-500">
+                No results found for &quot;{q}&quot;
+              </h2>
+            </div>
+          )}
+        </div>
+      </div>
+      <Widgets
+        trendingPosts={trendingPosts || []}
+        randomUsersResults={randomUsersResults?.results || []}
+      />
+      <PostModal type={"post"} updatePosts={undefined} />
+      <CommentModal type={undefined} updatePosts={undefined} />
+    </div>
+  );
+}
+
+async function getSearchResults(query: string, accessToken: string) {
+  if (!backendUrl || backendUrl === "undefined" || !accessToken) {
+    return [];
+  }
+
+  const searchResults = await fetch(`${backendUrl}/search/full?q=${query}`, {
+    headers: {
+      "Content-Type": "application/json",
+      Authorization: `Bearer ${accessToken}`,
+    },
+    cache: "no-cache",
+  }).then((res) => res.json());
+
+  return searchResults;
+}
+
+async function getWidgetsData() {
+  if (!backendUrl || backendUrl === "undefined") {
+    return {
+      trendingPosts: [],
+      randomUsersResults: [],
+    };
+  }
+
+  const trendingPosts = await fetch(
+    `${backendUrl}/widgets/trending/posts`
+  ).then((res) => res.json());
+
+  // Who to follow section
+
+  let randomUsersResults: any = [];
+
+  try {
+    const res = await fetch(
+      "https://randomuser.me/api/?results=10&inc=name,login,picture"
+    );
+
+    randomUsersResults = await res.json();
+  } catch (e) {
+    randomUsersResults = [];
+  }
+
+  return {
+    trendingPosts: trendingPosts?.trendingPosts,
+    randomUsersResults,
+  };
+}
diff --git a/app/utils/ObjectId.ts b/app/utils/ObjectId.ts
deleted file mode 100644
index 7f541ae..0000000
--- a/app/utils/ObjectId.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-function ObjectId() {
-  return (
-    hex(Date.now() / 1000) +
-    " ".repeat(16).replace(/./g, () => hex(Math.random() * 16))
-  );
-}
-
-function hex(value: number) {
-  return Math.floor(value).toString(16);
-}
-
-export default ObjectId;
\ No newline at end of file
diff --git a/app/utils/postUtils.ts b/app/utils/postUtils.ts
index aaf2e1f..6d1be9a 100644
--- a/app/utils/postUtils.ts
+++ b/app/utils/postUtils.ts
@@ -104,6 +104,7 @@ export const likePost = async (
 };
 
 export const deleteComment = async (
+  originalPostId: string | undefined,
   commentId: string | undefined,
   accessToken: string | undefined
 ) => {
@@ -111,11 +112,13 @@ export const deleteComment = async (
     return;
   }
   try {
-    const res = await fetch(`${backendUrl}/posts/${commentId}/comment`, {
+    const res = await fetch(`${backendUrl}/posts/${commentId}/comment`,
+      {
       method: "DELETE",
       headers: {
         Authorization: `Bearer ${accessToken}`,
-      },
+        },
+      body: JSON.stringify({ postId: originalPostId }),  
     });
     const data = await res.json();
     if (data?.message === "Comment deleted" || res?.status === 200) {
diff --git a/components/ChatBubble.tsx b/components/ChatBubble.tsx
index 3272dad..35cc4ef 100644
--- a/components/ChatBubble.tsx
+++ b/components/ChatBubble.tsx
@@ -13,6 +13,7 @@ export default function ChatBubble({ user, message, timestamp }) {
         <Image
           width="50"
           height="50"
+          referrerPolicy="no-referrer"
           alt="profile picture"
           src="https://images.pexels.com/photos/16177320/pexels-photo-16177320/free-photo-of-light-vacation-people-festival.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2"
           className=" w-max rounded-full object-cover"
diff --git a/components/Comment.tsx b/components/Comment.tsx
index e900736..ec90cbc 100644
--- a/components/Comment.tsx
+++ b/components/Comment.tsx
@@ -23,7 +23,7 @@ import { toastError, toastSuccess } from "./Toast";
 import { backendUrl } from "@/app/utils/config/backendUrl";
 import { deleteComment } from "@/app/utils/postUtils";
 
-export default function Comment({ comment, commentId, originalPostId, updatePosts }) {
+export default function Comment({ comment, commentId, originalPostId, updatePosts } : {comment: CommentType, commentId: string, originalPostId: string, updatePosts: any}) {
   const [likes, setLikes] = useState([]);
   const [hasLiked, setHasLiked] = useState(false);
   const [open, setOpen] = useState(false);
@@ -45,9 +45,9 @@ export default function Comment({ comment, commentId, originalPostId, updatePost
     }
   }, [session?.user, status]);
 
-  useEffect(() => {
-    setLikes(comment?.likes);
-  }, [comment]);
+  // useEffect(() => {
+  //   setLikes(comment?.likes);
+  // }, [comment]);
 
 
   const likeComment = async () => {
@@ -78,7 +78,7 @@ export default function Comment({ comment, commentId, originalPostId, updatePost
 
   const deleteCommentFunc = async () => {
     updatePosts("delete", null, commentId); // optimistic update
-    const res = await deleteComment(commentId, session?.user?.accessToken);
+    const res = await deleteComment(originalPostId, commentId, session?.user?.accessToken);
     if (!res) {
       toastError("Error deleting comment", undefined);
       updatePosts("add", comment, commentId); // rollback
@@ -94,6 +94,7 @@ export default function Comment({ comment, commentId, originalPostId, updatePost
       <Image
         height={40}
         width={40}
+        referrerPolicy="no-referrer"
         className="h-11 w-11 rounded-full mr-4"
         src={comment?.userImg}
         alt="user-img"
@@ -139,6 +140,7 @@ export default function Comment({ comment, commentId, originalPostId, updatePost
         {comment?.url && !comment?.url?.includes("youtube") && (
           <Image
             className="rounded-2xl max-h-80 w-[100%] sm:w-full object-cover"
+            referrerPolicy="no-referrer"
             width={500}
             height={500}
             src={comment?.url}
diff --git a/components/CommentModal.tsx b/components/CommentModal.tsx
index e7b1f7b..47990f1 100644
--- a/components/CommentModal.tsx
+++ b/components/CommentModal.tsx
@@ -18,14 +18,14 @@ import { backendUrl } from "@/app/utils/config/backendUrl";
 
 export default function CommentModal({type, updatePosts}) {
   const [open, setOpen] = useRecoilState(modalState);
-  const [post, setPost] = useState({}) as any;
+  const [post, setPost] = useState<Post | null>(null);
   const [postId] = useRecoilState(postIdState);
 
   // fetch the post
   useEffect(() => {
     async function fetchPost() {
       // resets the post state
-      setPost({});
+      setPost(null);
       try {
         const res = await axios.get(
           `${backendUrl}/posts/${postId}`
@@ -45,7 +45,8 @@ export default function CommentModal({type, updatePosts}) {
           <div
             data-testid="comment-modal"
             role="dialog"
-            className="max-w-[512px] overflow-auto">
+            className="max-w-[600px] overflow-y-auto"
+          >
             <div className="py-3">
               <span
                 onClick={() => setOpen(false)}
@@ -55,41 +56,45 @@ export default function CommentModal({type, updatePosts}) {
               </span>
             </div>
 
-            { type && !post?._id && (
-                <Input
+            {type && !post?._id && (
+              <Input
                 text={""}
                 setCommentModalState={setOpen}
                 updatePosts={updatePosts}
-                style={"flex w-full min-h-[50px] max-h-[100px] text-[15px] dark:bg-darkBg dark:text-darkText"}
-                phoneInputModal={undefined} id={undefined}              />
-            )
-            }
-
+                style={
+                  "flex w-full min-h-[50px] max-h-[100px] text-[15px] dark:bg-darkBg dark:text-darkText"
+                }
+                phoneInputModal={undefined}
+                id={undefined}
+              />
+            )}
 
             {post?._id ? (
               <>
                 <div
                   data-testid="comment-modal-post"
-                  className="flex p-3 mt-2 justify-start space-x-3 relative">
+                  className="flex p-3 mt-2 justify-start space-x-3 relative"
+                >
                   <div className="flex">
                     <span className="w-0.5 h-[calc(100%-60px)] mt-4 z-0 absolute left-8 top-11 bg-gray-300 dark:bg-darkBorderColor " />
                     <Image
                       height={40}
                       width={40}
+                      referrerPolicy="no-referrer"
                       className="h-11 z-20 w-11 rounded-full mr-3"
-                      src={post?.userImg}
+                      src={post?.userImg || "/default-user-img.jpg"}
                       alt="post-img"
                     />
                     <div className="flex-1 max-h-[calc(90vw - 200px)] pr-3 sm:pr-0 max-w-[calc(80vw-80px)]">
-                      <div className="flex items-center space-x-1 ">
-                        <h4 className="font-bold text-[15px] truncate sm:text-[16px] dark:text-darkText">
+                      <div className="flex flex-shrink text-clip justify-between items-center break-words overflow-hidden whitespace-nowrap space-x-1 ">
+                        <h4 className="font-bold text-[15px] overflow-hidden text-clip max-w-[300px]  sm:text-[16px] dark:text-darkText">
                           {post.name}
                         </h4>
-                        <span className="text-sm sm:text-[15px]  truncate hover:underline dark:text-gray-400">
+                        <span className="text-sm sm:text-[15px] hover:underline dark:text-gray-400">
                           @{post?.username} ·{" "}
                         </span>
-                        <span className="text-sm sm:text-[15px]  truncate text-gray-500">
-                          <Moment fromNow>{post?.timestamp?.toDate()}</Moment>
+                        <span className="text-sm sm:text-[15px]  text-gray-500">
+                          <Moment fromNow>{post?.createdAt}</Moment>
                         </span>
                       </div>
 
@@ -102,6 +107,7 @@ export default function CommentModal({type, updatePosts}) {
 
                         {post?.url && !post?.url?.includes("youtube") && (
                           <Image
+                            referrerPolicy="no-referrer"
                             className="object-cover z-50 w-full max-h-[300px] sm:max-h-none sm:h-[300px] rounded-xl cursor-pointer"
                             src={post?.url}
                             alt="post-img"
@@ -131,7 +137,7 @@ export default function CommentModal({type, updatePosts}) {
                 </div>
 
                 <div className="flex p-3 space-x-3 overflow-auto">
-                    <div className="flex-1 ">
+                  <div className="flex-1 ">
                     <Input
                       text={"Post your reply"}
                       id={postId}
@@ -141,8 +147,8 @@ export default function CommentModal({type, updatePosts}) {
                         "flex w-full min-h-[50px] text-[15px] z-0 dark:bg-darkBg dark:text-darkText"
                       }
                       phoneInputModal={undefined}
-                      />
-                    </div>
+                    />
+                  </div>
                 </div>
               </>
             ) : (
diff --git a/components/EventCard.tsx b/components/EventCard.tsx
index 694bc2c..eac691b 100644
--- a/components/EventCard.tsx
+++ b/components/EventCard.tsx
@@ -31,6 +31,7 @@ export default function EventCard({ event, user, email }) {
     <div className="eventCard cursor-pointer mx-auto my-4 md:w-[300px] w-[250px] flex flex-col justify-center items-center rounded-2xl shadow-md hover:shadow-lg">
       <div className="eventCardImage w-full h-full relative">
         <Image
+          referrerPolicy="no-referrer"
           src={event?.image}
           width={200}
           height={150}
diff --git a/components/EventForm.tsx b/components/EventForm.tsx
index f45a5e9..a3fc402 100644
--- a/components/EventForm.tsx
+++ b/components/EventForm.tsx
@@ -66,20 +66,13 @@ export default function EventForm({ closeModal }) {
     } catch (error) {
       setLoading(false);
       toastError("Error uploading image", undefined);
-      return null;
+      return '';
     }
   };
 
+
   const createEvent = async () => {
     try {
-      if (file) {
-        const res = await uploadImage();
-        // return if image upload failed
-        if (!res) {
-          toastError("Something went wrong! , please try again later", undefined);
-          return;
-        }
-    }
       const newEvent = {
         title: eventTitle,
         description: eventDescription,
@@ -87,7 +80,7 @@ export default function EventForm({ closeModal }) {
         date: eventDate,
         time: eventTime,
         userId: session?.user?.id,
-        image: eventImage || "",
+        image: file ? await uploadImage() : eventImage,
         coordinates: {
           lat: lat,
           lng: lng,
diff --git a/components/Feed.tsx b/components/Feed.tsx
index be175fd..ef8b175 100644
--- a/components/Feed.tsx
+++ b/components/Feed.tsx
@@ -28,7 +28,7 @@ export default function Feed({ type }) {
 
 
 
-  const key = type ? `${backendUrl}/posts?type=${type}` : `${backendUrl}/posts`;
+  const key = type && type !=="for-you" ? `${backendUrl}/posts?type=${type}` : `${backendUrl}/posts`;
   const { data, error, isLoading, mutate } = useSWR(key, fetcher, {
     // refreshInterval: 30000,
     revalidateOnFocus: false,
@@ -141,15 +141,21 @@ export default function Feed({ type }) {
         data-testid="feed"
         role="feed"
         className="mainContent flex flex-col xl:ml-[350px] border-l border-r border-lightBorderColor dark:border-darkBorderColor w-screen sm:max-w-[calc(100vw-82px)] md:max-w-2xl xl:min-w-[680px] sm:ml-[82px] lg:max-w-[680px] flex-grow">
-        <Navbar title={undefined} />
-        <Input
-          updatePosts={updatePosts}
-          text={undefined}
-          id={undefined}
-          style={undefined}
-          phoneInputModal={undefined}
-          setCommentModalState={undefined}
-        />
+        { type === "for-you" ?
+          <Navbar title={"For-you"} />
+          : <Navbar title={undefined} />
+        }
+        {
+          type !== "for-you" &&
+          <Input
+            updatePosts={updatePosts}
+            text={undefined}
+            id={undefined}
+            style={undefined}
+            phoneInputModal={undefined}
+            setCommentModalState={undefined}
+          />
+        }
 
         {session && (
           // an absolute floating button to create a post on mobile
@@ -181,38 +187,67 @@ export default function Feed({ type }) {
             </>
           )
         )}
+        {
+          type === "for-you" ?
+          <AnimatePresence>
+            {data?.posts
+              ?.slice(0, 40)
+                .sort(
+                (
+                  a: { likes: any[] },
+                  b: { likes: any[] }
+                ) => b.likes.length - a.likes.length
+              )
+              .map((post: Post) => (
+                <motion.div
+                  key={post._id}
+                  initial={{ opacity: 0 }}
+                  animate={{ opacity: 1 }}
+                  exit={{ opacity: 0 }}
+                  transition={{ duration: 1 }}
+                >
+                  <Post
+                    key={post?._id}
+                    id={post?._id || ""}
+                    post={post}
+                    updatePosts={updatePosts}
+                  />
+                </motion.div>
+              ))}
+          </AnimatePresence>
+          :
+          <AnimatePresence>
+            {data?.posts
+              ?.slice(0, 40)
+              .sort(
+                (
+                  a: { createdAt: string | number | Date },
+                  b: { createdAt: string | number | Date }
+                ) => {
+                  const dateA = new Date(a.createdAt) as any;
+                  const dateB = new Date(b.createdAt) as any;
+                  return dateB - dateA; // Sort in descending order
+                }
+              )
+              .map((post: Post) => (
+                <motion.div
+                  key={post._id}
+                  initial={{ opacity: 0 }}
+                  animate={{ opacity: 1 }}
+                  exit={{ opacity: 0 }}
+                  transition={{ duration: 1 }}
+                >
+                  <Post
+                    key={post?._id}
+                    id={post?._id || ""}
+                    post={post}
+                    updatePosts={updatePosts}
+                  />
+                </motion.div>
+              ))}
+          </AnimatePresence>
 
-        <AnimatePresence>
-          {data?.posts
-            ?.slice(0, 40)
-            .sort(
-              (
-                a: { createdAt: string | number | Date },
-                b: { createdAt: string | number | Date }
-              ) => {
-                const dateA = new Date(a.createdAt) as any;
-                const dateB = new Date(b.createdAt) as any;
-                return dateB - dateA; // Sort in descending order
-              }
-            )
-            .map((post: { _id: Key | null | undefined }) => (
-              <motion.div
-                key={post._id}
-                initial={{ opacity: 0 }}
-                animate={{ opacity: 1 }}
-                exit={{ opacity: 0 }}
-                transition={{ duration: 1 }}
-              >
-                <Post
-                  key={post?._id}
-                  id={post?._id}
-                  post={post}
-                  updatePosts={updatePosts}
-                />
-              </motion.div>
-            ))}
-        </AnimatePresence>
-
+        }
         {modalOpen && (
           <Modal closeModal={closeModal}>
             <div
diff --git a/components/GoogleBtn.tsx b/components/GoogleBtn.tsx
index 315a3e7..a405335 100644
--- a/components/GoogleBtn.tsx
+++ b/components/GoogleBtn.tsx
@@ -11,12 +11,13 @@ export default function GoogleBtn() {
       <button
         type="button"
         role="btn"
-        onClick={() => signIn("google", { callbackUrl: '/' }, )}
+        onClick={() => signIn("google", { callbackUrl: "/" })}
         className="flex bg-transparent w-1/4 max-w-[250px] dark:bg-darkCard rounded-3xl h-[40px] p-[10px] hover:bg-[#E6E6E6] dark:hover:bg-darkHover hover:shadow-md transition-all duration-300 ease-in-out min-w-fit outline-none items-center justify-center mt-10 border border-gray-700 whitespace-nowrap"
       >
         <span className="flex items-center justify-between text-text dark:text-darkText font-bold">
           <Image
             src="/google.png"
+            referrerPolicy="no-referrer"
             width={20}
             height={20}
             alt="Google"
diff --git a/components/Input.tsx b/components/Input.tsx
index f8e5843..4afe8af 100644
--- a/components/Input.tsx
+++ b/components/Input.tsx
@@ -16,7 +16,6 @@ import { Modal } from "./modal";
 import Spinner from "./Spinner";
 import { toastError, toastSuccess } from "./Toast";
 import toast from "react-hot-toast";
-import ObjectId from "@/app/utils/ObjectId";
 import { addComment, addPost } from "@/app/utils/postUtils";
 
 export default function Input({
@@ -198,7 +197,7 @@ export default function Input({
     const sanitizedUrl = sanitize(mediaUrl?.trim());
 
     const reply = {
-      _id: ObjectId(),
+      _id: crypto.randomUUID(),
       userId: session?.user?.id,
       content: sanitizedInput || "",
       username: session?.user?.email.split("@")[0],
@@ -259,7 +258,7 @@ export default function Input({
     const sanitizedUrl = sanitize(mediaUrl?.trim());
 
     const post = {
-      _id: ObjectId(),
+      _id: crypto.randomUUID(),
       username: session?.user?.email.split("@")[0] || "test",
       userImg: session?.user?.image || "",
       content: sanitizedInput || "",
@@ -341,6 +340,7 @@ export default function Input({
             }
           >
             <Image
+              referrerPolicy="no-referrer"
               data-testid="input-user-avatar"
               src={session?.user?.image as string}
               alt="user-img"
@@ -409,6 +409,7 @@ export default function Input({
                   </div>
                   {selectedFile ? (
                     <Image
+                      referrerPolicy="no-referrer"
                       height={1000}
                       width={1000}
                       alt="media"
@@ -477,8 +478,8 @@ export default function Input({
                       <Spinner />
                     </div>
                   ) : (
-                      <button
-                        data-testid="input-post-button"
+                    <button
+                      data-testid="input-post-button"
                       onClick={id ? sendReply : sendPost}
                       disabled={
                         (!input.trim() &&
diff --git a/components/Map.tsx b/components/Map.tsx
index 3390dd1..f539e7b 100644
--- a/components/Map.tsx
+++ b/components/Map.tsx
@@ -11,8 +11,9 @@ import usePlacesAutocomplete, {
   getLatLng,
 } from "use-places-autocomplete";
 
+import { classNames } from "primereact/utils";
 import { AutoComplete } from "primereact/autocomplete";
-import "./maps.css";
+import  "./maps.css";
 import { MapPinIcon } from "@heroicons/react/24/outline";
 import axios from "axios";
 import moment from "moment";
@@ -58,9 +59,10 @@ function Map({ isLoaded, currentEvent, accessToken}) {
 
   return (
     <div className="w-full h-[40vh] md:h-[calc(100vh-80px)]">
-      <div className="flex items-center justify-center absolute top-2 left-1/2 bg-white rounded-lg md:p-4 p-2 shadow-md md:mx-auto -translate-x-1/2 w-[90%] md:w-fit z-[9999]">
-        <span className="text-gray-400 border border-lightBorderColor dark:border-darkBorderColor rounded-md p-2 ">
-          <MapPinIcon className="h-6 w-6 m-0 text-gray-400" />
+      <div
+        className="flex items-center  justify-center absolute top-2 left-1/2 bg-white rounded-lg md:p-4 p-2 shadow-md md:mx-auto -translate-x-1/2 w-[90%] md:w-fit z-[9999]">
+        <span className="text-gray-400 border border-lightBorderColor dark:border-gray-300 rounded-md p-2 ">
+          <MapPinIcon className="h-6 left-0 w-6 m-0 text-gray-400" />
         </span>
         <PlacesAutocomplete setSelected={setSelected} />
       </div>
@@ -194,11 +196,32 @@ const PlacesAutocomplete = ({ setSelected }) => {
     setSelected({ lat, lng });
   };
 
+  useEffect(() => {
+
+    /**
+     * NOTE: Workaround for the issue with the p-autocomplete-item text color
+     * TODO: Remove this workaround once the styles are separately available or created in tailwind.config.js
+     */
+
+    if(!document) return;
+
+    // change the text color of the p-autocomplete-item to black
+    const style = document.createElement("style");
+    style.innerHTML = `
+      .p-autocomplete-item {
+        color: black;
+      }
+    `;
+    document.head.appendChild(style);
+
+  }, []);
+
   return (
     <>
       {ready && (
         <>
           <AutoComplete
+            id="map-autocomplete"
             value={value}
             suggestions={
               status === "OK" && data
@@ -210,8 +233,31 @@ const PlacesAutocomplete = ({ setSelected }) => {
             completeMethod={() => {}} // an empty function is required in this case
             field="name"
             disabled={!ready}
+            inputClassName="w-full !bg-white !relative !border-none"
+            panelStyle={{
+              width: "auto",
+              backgroundColor: "white",
+              color: "!black",
+              zIndex: 9999,
+              boxShadow: "0px 0px 5px 0px rgba(0, 0, 0, 0.2)",
+              borderRadius: "6px",
+              marginTop: "-4px",
+              padding: "1rem",
+            }}
+            inputStyle={{
+              width: "300px",
+              color: "black",
+              paddingLeft: "1rem",
+              position: "relative",
+              borderRadius: "6px",
+            }}
+            style={{ width: "100%", color: "black"}}
             onSelect={(e) => handleSelect(e.value?.name)}
-            className="w-full !rounded-xl"
+            className={classNames(
+              "!w-full !border-gray-400 !rounded-md  !relative p-0",
+              "!bg-white"
+            )}
+            // className="w-full !rounded-xl"
             placeholder="Enter a city"
             onChange={(e) => setValue(e.target.value, true)}
           />
diff --git a/components/MapModal.tsx b/components/MapModal.tsx
index dee0f95..7f3f0d2 100644
--- a/components/MapModal.tsx
+++ b/components/MapModal.tsx
@@ -8,7 +8,7 @@ import { EyeIcon, EyeSlashIcon } from "@heroicons/react/24/outline";
 import { toastError, toastSuccess } from "./Toast";
 import { backendUrl } from "@/app/utils/config/backendUrl";
 
-export default function MapModal({ event, closeModal, user}) {
+export default function MapModal({ event, closeModal, user} : { event: any; closeModal: any; user: User }) {
   const [liveBtnClicked, setLiveBtnClicked] = useState(false);
   const [secureToken, setSecureToken] = useState("");
   const [revealToken, setRevealToken] = useState(false);
@@ -97,6 +97,7 @@ export default function MapModal({ event, closeModal, user}) {
           <div className="modalLeft md:px-4 dark:bg-darkCard overflow-y-scroll dark:border-gray-700 border border-r py-6 mx-auto border-gray-300 fixed hidden md:flex flex-col p-2 justify-start items-start w-[40%] lg:w-[25%] h-full">
             <Image
               src={event?.image}
+              referrerPolicy="no-referrer"
               width={200}
               height={200}
               objectFit="cover"
@@ -183,6 +184,7 @@ export default function MapModal({ event, closeModal, user}) {
             <div className="eventInfoContainer dark:text-darkText md:mt-12 mt-4 flex flex-col h-full flex-grow justify-start items-center w-full">
               <Image
                 src={event?.image}
+                referrerPolicy="no-referrer"
                 width={1080}
                 height={1920}
                 objectFit="cover"
@@ -196,7 +198,7 @@ export default function MapModal({ event, closeModal, user}) {
               <p className="text-ls font-semibold">
                 Attendees:{" "}
                 {event?.attendees
-                  ?.map((attendee: { userId: any; }) => attendee?.userId)
+                  ?.map((attendee: { userId: any }) => attendee?.userId)
                   .join(", ") || "None"}
               </p>
               <p className="text-xl font-semibold">{event?.likes}</p>
@@ -210,6 +212,7 @@ export default function MapModal({ event, closeModal, user}) {
             <div className="mobileEventInfoContainer p-4 dark:bg-darkCard h-full dark:text-darkText overflow-hidden overflow-y-auto md:mt-12 md:hidden flex flex-col justify-start items-center w-full">
               <Image
                 src={event?.image}
+                referrerPolicy="no-referrer"
                 width={1000}
                 height={1000}
                 unoptimized={true}
@@ -217,18 +220,20 @@ export default function MapModal({ event, closeModal, user}) {
                 className="w-[300px] max-w-xs object-cover mt-4  md:hidden rounded-lg "
                 alt="event image"
               />
-              <h1 className="md:hidden text-xl mt-4 font-bold">{event?.title}</h1>
+              <h1 className="md:hidden text-xl mt-4 font-bold">
+                {event?.title}
+              </h1>
               <p className="md:hidden text-base mt-4 font-normal">
                 {event?.description}
               </p>
               <p className="md:hidden text-lg font-semibold">{event?.host}</p>
               <p className="md:hidden text-ls font-semibold">
-                {
-                  event?.attendees?.length > 0 ?
-                    "Attendees: " +
-                    event?.attendees.map((attendee: { userId: any; }) => attendee?.userId).join(", ")
-                    :"No Attendees"
-                  }
+                {event?.attendees?.length > 0
+                  ? "Attendees: " +
+                    event?.attendees
+                      .map((attendee: { userId: any }) => attendee?.userId)
+                      .join(", ")
+                  : "No Attendees"}
               </p>
               <p className="md:hidden text-xl font-semibold">{event?.likes}</p>
               <p className="md:hidden text-xl font-semibold">{event?.tags}</p>
diff --git a/components/Navbar.tsx b/components/Navbar.tsx
index e4696ca..e8ebf0f 100644
--- a/components/Navbar.tsx
+++ b/components/Navbar.tsx
@@ -64,6 +64,7 @@ export default function Navbar({ title }) {
             >
               <Image
                 src={session?.user?.image as string}
+                referrerPolicy="no-referrer"
                 width={40}
                 height={40}
                 alt=""
@@ -116,9 +117,11 @@ export default function Navbar({ title }) {
             {status === "authenticated" && (
               <div
                 data-testid="profile-container"
-                className="flex flex-col w-full justify-start p-4">
+                className="flex flex-col w-full justify-start p-4"
+              >
                 <Image
                   src={session?.user?.image as string}
+                  referrerPolicy="no-referrer"
                   width={40}
                   height={40}
                   alt=""
diff --git a/components/Post.tsx b/components/Post.tsx
index e3050f7..b4d3bcb 100644
--- a/components/Post.tsx
+++ b/components/Post.tsx
@@ -11,7 +11,7 @@ import {
 import { HeartIcon as HeartIconFilled } from "@heroicons/react/24/solid";
 import Moment from "react-moment";
 import { useState, useEffect } from "react";
-import { useRouter } from "next/navigation";
+import { useRouter, usePathname } from "next/navigation";
 import Image from "next/image";
 import { useSession } from "next-auth/react";
 import { useRecoilState } from "recoil";
@@ -20,12 +20,13 @@ import YoutubeEmbed from "./YoutubeEmbed";
 import { toastError, toastSuccess } from "./Toast";
 import { deletePost, likePost } from "@/app/utils/postUtils";
 
-export default function Post({ post, id, updatePosts }) {
+export default function Post({ post, id, updatePosts } : {post: Post, id: string, updatePosts: any}) {
   const [hasLiked, setHasLiked] = useState(false);
   const [isModalOpen, setIsModalOpen] = useRecoilState(modalState);
   const [postId, setPostId] = useRecoilState(postIdState);
   const [currentUser, setCurrentUser] = useState<any>(null);
   const router = useRouter();
+  const pathname = usePathname();
 
   const { status, data: session } = useSession();
 
@@ -40,22 +41,29 @@ export default function Post({ post, id, updatePosts }) {
   // check if post's likes array contains the logged in user's id
   useEffect(() => {
     // set the likes state
+
+    if(!session?.user.id) return;
+
     if (post?.likes?.includes(session?.user?.id)) {
       setHasLiked(true);
     }
   }, [post, session?.user?.id]);
 
   async function likePostFunc() {
-    if (currentUser) {
+    if (currentUser && session?.user?.id) {
       setHasLiked(!hasLiked); //optimistic update
       if (!hasLiked) {
         post?.likes?.push(session?.user?.id);
       }
       if (hasLiked) {
         const index = post?.likes?.indexOf(session?.user?.id);
-        if (index > -1) {
+        if (index && index > -1) {
           post?.likes?.splice(index, 1);
         }
+        // if there are no likes, switch back to false
+        if (post?.likes?.length === 0) {
+          setHasLiked(false);
+        }
       }
       const res = await likePost(id, session?.user?.id ,session?.user?.accessToken);
 
@@ -64,27 +72,29 @@ export default function Post({ post, id, updatePosts }) {
         toastError("Error liking post", undefined);
         setHasLiked(hasLiked);
         const index = post?.likes?.indexOf(session?.user?.id);
-        if (index > -1) {
+        if (index && index > -1) {
           post?.likes?.splice(index, 1);
         }
       }
     } else {
-      // signIn();
       router.push("/login");
     }
   }
 
   async function deletePostFunc() {
     if (window.confirm("Are you sure you want to delete this post?")) {
-      updatePosts("delete", null, id); // optimistic update
-      const res = await deletePost(id, session?.user?.accessToken);
 
+      if (updatePosts) updatePosts("delete", null, id); // optimistic update
+
+      const res = await deletePost(id, session?.user?.accessToken);
       //rollback optimistic update if error
       if (!res) {
         toastError("Error deleting post", undefined);
-        updatePosts("add", post, id);
+        if (updatePosts) updatePosts("add", post, id);
       } else {
         toastSuccess("Post deleted", undefined);
+        // navigate to the home page if the post is deleted from the post page
+        if (!updatePosts && pathname.includes("posts")) router.back();
       }
     }
   }
@@ -102,7 +112,8 @@ export default function Post({ post, id, updatePosts }) {
         className=" h-10 w-10 rounded-full sm:ml-2 ml-1"
         width="50"
         height="50"
-        src={post?.userImg}
+        src={post?.userImg || "/default-user-img.jpg"}
+        referrerPolicy="no-referrer"
         alt="user-img"
       />
       {/* right side */}
@@ -143,11 +154,13 @@ export default function Post({ post, id, updatePosts }) {
 
         <div
           data-testid="post-content"
-          onClick={() => router.push(`/posts/${id}`)}>
+          className=" max-w-full"
+          onClick={() => router.push(`/posts/${id}`)}
+        >
           <p
             data-testid="post-text"
             onClick={() => router.push(`/posts/${id}`)}
-            className="text-gray-800 dark:text-darkText whitespace-normal text-[15px] sm:mr-2 sm:text-[16px] mb-2"
+            className="text-gray-800 dark:text-darkText whitespace-break-spaces line-clamp-[10] overflow-hidden break-words max-w-[550px] text-[15px] sm:mr-2 sm:text-[16px] mb-2"
           >
             {post?.content}
           </p>
@@ -158,9 +171,10 @@ export default function Post({ post, id, updatePosts }) {
             // check if post?.url exists
             post?.url && !post?.url?.includes("youtube") && (
               <Image
+                referrerPolicy="no-referrer"
                 onClick={() => router.push(`/posts/${id}`)}
                 data-testid="post-image"
-                className="rounded-2xl max-h-80 w-[100%] sm:w-full object-cover"
+                className="rounded-2xl max-h-80 w-auto sm:w-full object-cover"
                 width={500}
                 height={500}
                 src={post?.url}
@@ -170,8 +184,7 @@ export default function Post({ post, id, updatePosts }) {
           }
 
           {post?.url && post?.url?.includes("youtube") && (
-            <YoutubeEmbed
-              embedId={post?.url?.split("v=")[1]} />
+            <YoutubeEmbed embedId={post?.url?.split("v=")[1]} />
           )}
         </div>
 
@@ -192,10 +205,12 @@ export default function Post({ post, id, updatePosts }) {
               }}
               className="h-9 hoverEffect !min-h-0 !min-w-0  p-2 hover:text-sky-500 hover:bg-sky-100"
             />
-            {post?.comments?.length > 0 && (
-              <span
-                data-testid="post-comment-count"
-                className="text-sm">{post?.comments.length}</span>
+            {
+              post?.comments &&
+              post?.comments?.length > 0 && (
+              <span data-testid="post-comment-count" className="text-sm">
+                {post?.comments.length}
+              </span>
             )}
           </div>
           {session?.user?.id === post?.authorID && (
@@ -213,14 +228,15 @@ export default function Post({ post, id, updatePosts }) {
                 className="h-9 w-9 hoverEffect !min-h-0 !min-w-0 p-2 text-red-600 hover:bg-red-100"
               />
             ) : (
-                <HeartIcon
-                  data-testid="post-like-button"
+              <HeartIcon
+                data-testid="post-like-button"
                 onClick={likePostFunc}
                 className="h-9 w-9 hoverEffect !min-h-0 !min-w-0 p-2 hover:text-red-600 hover:bg-red-100"
               />
             )}
             {
               // logic for likes count with optimistic update (client side)
+              post?.likes &&
               post?.likes?.length > 0 && (
                 <span
                   className={`${
diff --git a/components/Sidebar.tsx b/components/Sidebar.tsx
index 98afe26..ad3869e 100644
--- a/components/Sidebar.tsx
+++ b/components/Sidebar.tsx
@@ -29,6 +29,7 @@ export default function Sidebar({}) {
         className="hoverEffect flex justify-center content-center align-middle p-2 hover:bg-orange-100 xl:px-2"
       >
         <Image
+          referrerPolicy="no-referrer"
           width={50}
           alt="logo"
           height={50}
@@ -44,7 +45,11 @@ export default function Sidebar({}) {
       {/* Menu */}
 
       <div className="mt-4 mb-2.5 xl:items-start">
-        <SidebarMenu username={session?.user?.email?.split("@")[0]} nav={undefined} toggleNavbar={undefined} />
+        <SidebarMenu
+          username={session?.user?.email?.split("@")[0]}
+          nav={undefined}
+          toggleNavbar={undefined}
+        />
         {/* <SidebarMenuItem text="More" Icon={EllipsisHorizontalCircleIcon} /> */}
         {/* </>
         )} */}
@@ -55,25 +60,27 @@ export default function Sidebar({}) {
       {currentUser ? (
         <>
           <button
-            onClick={() =>
-              setIsOpen(true)
-            }
-            className="bg-primary text-text  rounded-full w-56 h-12 font-bold shadow-md hover:brightness-95 text-lg hidden xl:inline">
+            onClick={() => setIsOpen(true)}
+            className="bg-primary text-text  rounded-full w-56 h-12 font-bold shadow-md hover:brightness-95 text-lg hidden xl:inline"
+          >
             Express
           </button>
           <div
             data-testid="user-info"
-            className="hoverEffect text-gray-700 flex items-center justify-center xl:justify-start my-auto">
+            className="hoverEffect text-gray-700 flex items-center justify-center xl:justify-start my-auto"
+          >
             <Image
+              referrerPolicy="no-referrer"
               width="50"
               height="50"
               src={currentUser?.image}
-
               alt="user-img"
               className="h-10 w-10 rounded-full xl:mr-2"
             />
-            <div className="leading-5 hidden xl:inline">
-              <h4 className="font-bold dark:text-darkText">{currentUser?.name}</h4>
+            <div className="leading-5 whitespace-nowrap line-clamp-1 max-w-[180px] hidden xl:inline">
+              <h4 className="font-bold dark:text-darkText">
+                {currentUser?.name}
+              </h4>
               <p className="text-gray-500">
                 @{currentUser.email.split("@")[0]}
               </p>
diff --git a/components/SinglePost.tsx b/components/SinglePost.tsx
index a307aab..eac5ff2 100644
--- a/components/SinglePost.tsx
+++ b/components/SinglePost.tsx
@@ -12,7 +12,7 @@ import useSWR from "swr";
 import { backendUrl } from "@/app/utils/config/backendUrl";
 import { toastError } from "./Toast";
 
-export default function SinglePost({ id }) {
+export default function SinglePost({ id } : {id: string}) {
   const [currentUser, setCurrentUser] = useState<any>(null);
   const [isFetching, setIsFetching] = useState<boolean>(true);
   const { status, data: session } = useSession();
@@ -25,7 +25,9 @@ export default function SinglePost({ id }) {
       return res.json();
     });
 
-  const { data, error, isLoading, mutate } = useSWR( status === "authenticated" ? `${backendUrl}/posts/${id}` : null, fetcher,
+  const { data, error, isLoading, mutate } = useSWR(
+    status === "authenticated" ? `${backendUrl}/posts/${id}` : null,
+    fetcher,
     {
       revalidateOnFocus: false,
       revalidateOnReconnect: true,
@@ -88,11 +90,18 @@ export default function SinglePost({ id }) {
   };
 
   // if post is deleted or doesn't exist
-  if (error && !isLoading && !isFetching) {
+  if (
+    (error && !isLoading && !isFetching) ||
+    (data && data?.message === "Invalid post ID" || data?.message === "No posts found")) {
     return (
-      <div className="flex items-center justify-center h-screen">
+      <div className="flex flex-col items-center justify-center h-screen">
         <h1 className="text-2xl font-bold text-gray-500">
-          {error ? error.message : "Post not found"}
+          {data?.message === "Invalid post ID" ? "Error 400!" : "Error 404!"}
+        </h1>
+        <h1 className="text-2xl font-bold text-gray-500">
+          {data?.message === "Invalid post ID"
+            ? "Invalid post ID"
+            : "Post not found"}
         </h1>
       </div>
     );
@@ -156,7 +165,6 @@ export default function SinglePost({ id }) {
           )}
         </>
       )}
-
       <CommentModal updatePosts={updatePosts} type={undefined} />
     </div>
   );
diff --git a/components/Trending.tsx b/components/Trending.tsx
index d2d73bc..1706ecd 100644
--- a/components/Trending.tsx
+++ b/components/Trending.tsx
@@ -1,6 +1,6 @@
 import Image from "next/image";
 
-export default function Trending({ post }) {
+export default function Trending({ post } : {post: Post}) {
   // open in same tab
   return (
     <a
@@ -24,7 +24,9 @@ export default function Trending({ post }) {
           <h6 className="text-sm font-bold dark:text-darkText">
             {post?.content}
           </h6>
-          {post?.tags?.length > 0 && (
+          {
+            post?.tags &&
+            post?.tags?.length > 0 && (
             <p className="text-[13px] leading-4 font-medium text-gray-500 ">
               Trending in{" "}
               {post?.tags.map((tag, index) => (
@@ -33,7 +35,7 @@ export default function Trending({ post }) {
                   className="text-[13px] font-normal hover:underline text-primary whitespace-pre-wrap"
                 >
                   #{tag}
-                  {index !== post?.tags?.length - 1 && (
+                  {index !== (post?.tags && post?.tags?.length - 1) && (
                     <span className="text-xs font-medium text-gray-500 ">
                       ,{" "}
                     </span>
@@ -48,6 +50,7 @@ export default function Trending({ post }) {
           // if post has a youtube url then show the video thumbnail
           post?.url?.includes("youtube") && (
             <Image
+              referrerPolicy="no-referrer"
               className="rounded-xl "
               height={70}
               width={70}
@@ -63,6 +66,7 @@ export default function Trending({ post }) {
 
         {post?.url && !post?.url?.includes("youtube") && (
           <Image
+            referrerPolicy="no-referrer"
             className="rounded sm:w-[80px] sm:h-[50px] object-cover"
             height={70}
             width={70}
diff --git a/components/UserInfo.tsx b/components/UserInfo.tsx
index f12069a..e065e77 100644
--- a/components/UserInfo.tsx
+++ b/components/UserInfo.tsx
@@ -5,7 +5,7 @@ import SignInBtn from "./GoogleBtn";
 
 import { useSession } from "next-auth/react";
 export default function UserInfo() {
-  const { status, data: session } = useSession();
+  const { status } = useSession();
 
   const router = useRouter();
 
diff --git a/components/UserProfileData.tsx b/components/UserProfileData.tsx
index 85a4c58..027611b 100644
--- a/components/UserProfileData.tsx
+++ b/components/UserProfileData.tsx
@@ -19,12 +19,13 @@ import nullImg from "@/public/null.png";
 import axios from "axios";
 import {toastSuccess, toastError} from "./Toast";
 import { backendUrl } from "@/app/utils/config/backendUrl";
+import useSWR from "swr";
 
 export default function UserProfileData({}) {
   const pathname = usePathname();
   const username = pathname.split("/")[1];
   const [isFetching, setIsFetching] = useState(true);
-  const [posts, setPosts] = useState([]);
+  const [posts, setPosts] = useState<Post[]>([]);
   const [likedPosts, setLikedPosts] = useState([]);
   const [likes, setLikes] = useState([]);
   const [tab, setTab] = useState("showcase");
@@ -34,6 +35,22 @@ export default function UserProfileData({}) {
 
   const [profileData, setProfileData] = useState(null) as any;
 
+  // fetcher function for useSWR
+  const fetcher = (url: RequestInfo | URL) =>
+    fetch(url).then((res) => {
+      if (!res.ok) {
+        toastError("Error loading posts", undefined);
+      }
+      return res.json();
+    });
+
+  const key = `${backendUrl}/posts/username/${username}`;
+  const { data, error, isLoading, mutate } = useSWR(key, fetcher, {
+    // refreshInterval: 30000,
+    revalidateOnFocus: false,
+    revalidateOnReconnect: true,
+  });
+
   useEffect(() => {
     const checkFollowing = () => {
       if (profileData?.user?.followers?.includes(session?.user?.id)) {
@@ -51,6 +68,8 @@ export default function UserProfileData({}) {
     const checkVerification = () => {
       if (profileData?.user?.verified) {
         setIsVerified(true);
+      } else {
+        setIsVerified(false);
       }
     };
     if (profileData && session?.user?.id) {
@@ -60,21 +79,18 @@ export default function UserProfileData({}) {
 
   useEffect(() => {
     async function getProfileData() {
-     try {
-       const res = await fetch(
-         `${backendUrl}/user/${username}`
-       );
-       const data = await res.json();
-       if (data.message === "User not found") {
-         setIsFetching(false);
-         return;
-       }
-       setProfileData(data);
-       setLikes(data?.user?.likes);
-       setIsFetching(false);
-     }
-     catch (error) {
-       setIsFetching(false);
+      try {
+        const res = await fetch(`${backendUrl}/user/${username}`);
+        const data = await res.json();
+        if (data.message === "User not found") {
+          setIsFetching(false);
+          return;
+        }
+        setProfileData(data);
+        setLikes(data?.user?.likes);
+        setIsFetching(false);
+      } catch (error) {
+        setIsFetching(false);
         toastError(error.message, undefined);
       }
     }
@@ -82,24 +98,17 @@ export default function UserProfileData({}) {
   }, [username]);
 
   useEffect(() => {
-    //get all posts
-    async function getPosts() {
-      try {
-        const res = await fetch(
-          `${backendUrl}/posts/username/${username}`
-        );
-        const data = await res.json();
-        if (data.message === "No posts found") {
-          toastError("No posts found", undefined);
-          return;
-        }
-        setPosts(data.posts);
-      } catch (error) {
+    if (data) {
+      setPosts(data.posts);
+    }
+    if (data?.message === "No posts found") {
+      toastError("No posts found", undefined);
+    }
 
-      }
+    if (error) {
+      toastError("Error loading posts", undefined);
     }
-    getPosts();
-  }, [likes, username]);
+  }, [data, error]);
 
   useEffect(() => {
     // get all liked posts's data with the ids from likes array
@@ -109,9 +118,7 @@ export default function UserProfileData({}) {
 
         // Iterate through the liked post IDs and fetch each post's data
         for (const postId of likes) {
-          const res = await fetch(
-            `${backendUrl}/posts/${postId}`
-          );
+          const res = await fetch(`${backendUrl}/posts/${postId}`);
           if (res.status === 404) {
             continue;
           }
@@ -132,7 +139,7 @@ export default function UserProfileData({}) {
     }
   }, [profileData, likes, username, tab]);
 
-  if (!isFetching) {
+  if (!isFetching && !profileData) {
     document.body.style.overflow = "auto";
   }
 
@@ -144,6 +151,7 @@ export default function UserProfileData({}) {
         <Navbar title="Back" />
         <div className="flex flex-col w-full items-center justify-center h-screen">
           <Image
+            referrerPolicy="no-referrer"
             src={nullImg}
             alt="404"
             width={500}
@@ -187,6 +195,10 @@ export default function UserProfileData({}) {
       );
       if (res.status === 200) {
         toastSuccess("Verification request sent!", undefined);
+        // add delay and verify the user
+        setTimeout(() => {
+          setIsVerified(true);
+        }, 3000);
       }
     } catch (error) {
       toastError(error.message, undefined);
@@ -200,7 +212,7 @@ export default function UserProfileData({}) {
     );
   }
 
-  async function followUser() {
+ async function followUser() {
     if (!session) {
       alert("You must be logged in to follow a user!");
       return;
@@ -226,6 +238,7 @@ export default function UserProfileData({}) {
       `${backendUrl}/user/${username}/follow`,
       {
         action: "follow",
+        userId: session?.user?.id,
         followFrom: session?.user?.id,
         followTo: profileData?.user?._id,
       },
@@ -249,17 +262,60 @@ export default function UserProfileData({}) {
     }
   }
 
+  function updatePosts(operation: string, newPost: any, id: any) {
+    // an update function to update the feed optimistically
+    if (operation === "delete") {
+      mutate(
+        (data: { posts: any[] }) => ({
+          posts: data.posts.filter((post: { _id: any }) => post._id !== id),
+        }),
+        {
+          revalidate: false,
+          rollbackOnError: true,
+        }
+      );
+    }
+    if (operation === "update" || operation === "add") {
+      mutate(
+        {
+          posts: [newPost, ...data?.posts],
+        },
+        {
+          revalidate: false,
+          rollbackOnError: true,
+        }
+      );
+    }
+    if (operation === "reply") {
+      mutate(
+        {
+          posts: data?.posts.map((post: any) => {
+            if (post._id === id) {
+              post.comments?.push(newPost);
+            }
+            return post;
+          }),
+        },
+        {
+          revalidate: false,
+          rollbackOnError: true,
+        }
+      );
+    }
+  }
+
   return isFetching ? (
     <Spinner />
   ) : (
     <div>
-      {profileData === null && !isFetching ? (
+      {profileData === null && !isLoading ? (
         userNotFound()
       ) : (
         <>
           <Navbar title={profileData?.user.name} />
           <div className="coverPhoto flex max-w-full">
             <Image
+              referrerPolicy="no-referrer"
               width={768}
               height={276}
               alt="cover"
@@ -272,6 +328,7 @@ export default function UserProfileData({}) {
           </div>
           <div className=" profilePhoto flex justify-start px-4 -mt-16">
             <Image
+              referrerPolicy="no-referrer"
               width="128"
               height="128"
               alt="profile"
@@ -329,7 +386,7 @@ export default function UserProfileData({}) {
                     </div>
                   )}
 
-                {profileData?.user?.verified && (
+                {isVerified && (
                   // Verified Badge with a yellow gradient bg-gradient-to-l from-yellow-200 via-yellow-400 to-yellow-700
                   <CheckBadgeIcon className="h-6 w-6 ml-1 text-primary" />
                 )}
@@ -380,7 +437,7 @@ export default function UserProfileData({}) {
               </div>
             </div>
           </div>
-          <div className="profileTabs flex flex-col items-center mt-8 pt-4">
+          <div className="profileTabs flex flex-col items-center mt-1 pt-4">
             <div className="tabs font-semibold flex w-full justify-evenly dark:text-darkText">
               <div
                 onClick={() => setTab("showcase")}
@@ -404,7 +461,13 @@ export default function UserProfileData({}) {
                 Likes
               </div>
             </div>
-            <div className="flex flex-col w-full justify-center mt-4 border-t">
+            <div className="flex flex-col w-full justify-center mt-2 border-t">
+              {isLoading && (
+                <div className="flex h-full justify-center items-center pt-8">
+                  <Spinner />
+                </div>
+              )}
+
               {tab === "showcase" && (
                 <AnimatePresence>
                   {posts
@@ -426,14 +489,15 @@ export default function UserProfileData({}) {
                           key={post._id}
                           id={post._id}
                           post={post}
-                          updatePosts={null}
+                          updatePosts={updatePosts}
                         />
                       </motion.div>
                     ))}
-                  {posts?.length === 0 && (
+                  {posts?.length === 0 && !isLoading && (
                     <div className="flex sm:h-[80vh] flex-col lg:p-28 items-center justify-center mt-8">
                       <Image
                         src={nullImg}
+                        referrerPolicy="no-referrer"
                         alt="404"
                         width="500"
                         height="500"
@@ -470,7 +534,7 @@ export default function UserProfileData({}) {
                           key={post._id}
                           id={post._id}
                           post={post}
-                          updatePosts={null}
+                          updatePosts={updatePosts}
                         />
                       </motion.div>
                     ))}
@@ -479,6 +543,7 @@ export default function UserProfileData({}) {
                     <div className="flex flex-col lg:p-28 items-center justify-center mt-8">
                       <Image
                         src={nullImg}
+                        referrerPolicy="no-referrer"
                         alt="404"
                         width={500}
                         height={500}
diff --git a/components/WidgetSearchBox.css b/components/WidgetSearchBox.css
new file mode 100644
index 0000000..4d2077e
--- /dev/null
+++ b/components/WidgetSearchBox.css
@@ -0,0 +1,116 @@
+:root{
+  --autocomplete-input: #f7f7f7;
+  --autocomplete-panel: #f7f7f7;
+  --box-shadow: rgba(101, 119, 134, 0.2) 0px 0px 15px, rgba(101, 119, 134, 0.15) 0px 0px 3px 1px;
+  --hover: #f7f7f7;
+  --text: #000;
+  --spinner: #333;
+}
+
+:root.dark {
+  --autocomplete-input: #000;
+  --autocomplete-panel: #000;
+  --hover: #555;
+  --text: #fff;
+  --spinner: #fff;
+}
+
+.p-autocomplete {
+  padding: 0px;
+  width: 100%;
+  position: absolute;
+  border: 1px solid gray;
+}
+
+.p-autocomplete-input{
+  border-radius: 999px;
+  width: 100%;
+  inset: 0px;
+  color: darkgray;
+  background-color: var(--autocomplete-input);
+  padding-left: 44px;
+  padding-right: 44px;
+  outline: none;
+}
+
+
+
+.p-autocomplete-input:focus{
+  border: 1px solid peachpuff;
+  --tw-ring-color: transparent;
+  outline: none;
+}
+
+.p-autocomplete-panel {
+  position: absolute;
+  z-index: 9999;
+  background-color: var(--autocomplete-panel);
+  box-shadow: var(--box-shadow) !important;
+  color: black;
+  left: auto;
+  box-shadow: rgba(255, 255, 255, 0.2) 0px 0px 15px, rgba(255, 255, 255, 0.15) 0px 0px 3px 1px;
+  border-radius: 8px;
+
+}
+
+.p-autocomplete-items-wrapper {
+  max-height: calc(-53px + 80vh) !important;
+  overflow-y: auto;
+}
+
+.p-autocomplete-items {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+  max-height: auto;
+}
+
+.p-autocomplete-item {
+  cursor: pointer;
+  color: var(--text);
+  transition: background-color 0.3s ease;
+}
+
+.p-icon {
+  color: var(--spinner);
+  right: 10px;
+  top: 30%;
+  bottom: 0;
+}
+
+/* @media (prefers-color-scheme: dark) {
+  :root:not([color-scheme="light"]) {
+    --card: #000000;
+    --dark-hover: #333333;
+    --dark-border: #333333;
+    --dark-text: #f7f7f7;
+    --dark-placeholder: #b3b3b3;
+    --dark-icon: #fff;
+  }
+
+  .p-autocomplete-panel {
+    width: auto;
+    background-color: var(--card);
+    color: var(--dark-text);
+  }
+
+}
+
+
+html[data-theme="light"] {
+  :root{
+    --card: #000000;
+    --dark-hover: #333333;
+    --dark-border: #333333;
+    --dark-text: #f7f7f7;
+    --dark-placeholder: #b3b3b3;
+    --dark-icon: #fff;
+  }
+
+  .p-autocomplete-panel {
+    width: auto;
+    background-color: var(--card);
+    color: var(--dark-text);
+  }
+  color-scheme: light;
+} */
\ No newline at end of file
diff --git a/components/Widgets.tsx b/components/Widgets.tsx
index d16cf38..44c7fee 100644
--- a/components/Widgets.tsx
+++ b/components/Widgets.tsx
@@ -2,24 +2,138 @@
 
 import { MagnifyingGlassIcon as SearchIcon } from "@heroicons/react/24/outline";
 import Trending from "./Trending";
-import { useState } from "react";
+import { useEffect, useState } from "react";
 import { AnimatePresence, motion } from "framer-motion";
 import { useSession } from "next-auth/react";
 import Image from "next/image";
 import Spinner from "./Spinner";
 import { toastError } from "./Toast";
+import "./WidgetSearchBox.css";
+import { AutoComplete } from "primereact/autocomplete";
+import { useRouter } from "next/navigation";
 
-export default function Widgets({ trendingPosts, randomUsersResults }) {
+export default function Widgets({ trendingPosts, randomUsersResults } : {trendingPosts: Post[], randomUsersResults: any}) {
   const [postNum, setPostNum] = useState(3);
   const [randomUserNum, setRandomUserNum] = useState(3);
   const { status } = useSession();
+  const [searchInput, setSearchInput] = useState("");
+  const [fetching, setFetching] = useState(false);
+  const [searchResults, setSearchResults] = useState<SearchResult[] | null>(null);
+  const router = useRouter();
 
+  type SearchResult = {
+    _id: string,
+    userImg: string,
+    username: string,
+    name: string,
+  };
+
+  useEffect(() => {
+    const searchUsers = async () => {
+      try {
+        setFetching(true);
+        const res = await fetch(`/api/search?search=${searchInput}`);
+        const data = await res.json() as { results: SearchResult[], error: string };
+        if (data.error) {
+          setFetching(false);
+          toastError(data.error, undefined);
+        }
+        setFetching(false);
+        setSearchResults(data.results);
+      } catch (error) {
+        setFetching(false);
+        toastError("Error searching", undefined);
+      }
+    };
+    if (searchInput?.trim() !== "") {
+      searchUsers();
+    }
+  }, [searchInput]);
 
   // check if trending posts or random users are empty issue a toast
   if (status !== "loading" && trendingPosts?.length === 0) {
     toastError("Error loading widgets", undefined);
   }
 
+  const handleSelect = (e: any) => {
+    setSearchInput("");
+    if(e.originalEvent.target.innerText.includes("Search for") && searchInput.trim() !== "") {
+      router.push(`/search?q=${searchInput}`);
+    }
+    else {
+      router.push(`/${e.value.username}`);
+    }
+    // router.push(`/${e}`);
+  };
+
+  const itemTemplate = (item: SearchResult, index: number) => {
+
+    return (
+      <>
+        {index === 0 ? (
+          <>
+            <div className="progressBar z-10 h-[0.2rem] flex w-full  overflow-hidden">
+              <div
+                className={`${fetching ? "w-[0%] " : "w-[30%]"}
+                progressBar__fill h-full !ease-linear transition-width !duration-500 bg-primary`}
+              ></div>
+            </div>
+            <div className="flex items-center px-4 py-4  cursor-pointer hover:bg-gray-200 dark:hover:bg-darkHover transition duration-500 ease-out">
+              <p>
+                <span className="font-bold dark:text-darkText">Search for</span>{" "}
+                &quot;
+                {searchInput}
+                &quot;
+              </p>
+            </div>
+            <div className=" flex w-full h-[1px] my-1 bg-gray-200 dark:bg-[rgb(47,51,54)]"></div>
+            <div className="flex items-center px-4 py-3  cursor-pointer hover:bg-gray-200 dark:hover:bg-darkHover transition duration-500 ease-out">
+              <Image
+                className="rounded-full h-[40px] w-[40px]"
+                width={40}
+                height={40}
+                referrerPolicy="no-referrer"
+                unoptimized={true}
+                loader={({ src }) => src}
+                src={item.userImg}
+                alt="img"
+              />
+              <div className="truncate ml-2 leading-5">
+                <h4 className="font-bold hover:underline dark:text-darkText text-[14px] truncate">
+                  {item.username}
+                </h4>
+                <h5 className="text-[13px] text-gray-500  truncate">
+                  {item.name}
+                </h5>
+              </div>
+            </div>
+          </>
+        ) : (
+          <div className="flex items-center px-4 py-3  cursor-pointer hover:bg-gray-200 dark:hover:bg-darkHover transition duration-500 ease-out">
+            <Image
+              referrerPolicy="no-referrer"
+              className="rounded-full h-[40px] w-[40px]"
+              width={40}
+              height={40}
+              unoptimized={true}
+              loader={({ src }) => src}
+              src={item.userImg}
+              alt="img"
+            />
+            <div className="truncate ml-2 leading-5">
+              <h4 className="font-bold hover:underline dark:text-darkText text-[14px] truncate">
+                {item.username}
+              </h4>
+              <h5 className="text-[13px] text-gray-500  truncate">
+                {item.name}
+              </h5>
+            </div>
+          </div>
+        )}
+      </>
+    );
+  }
+
 
   return (
     <div
@@ -32,10 +146,32 @@ export default function Widgets({ trendingPosts, randomUsersResults }) {
       <div className="searchBox min-w-[200px] xl:w-[100%] sticky top-0 bg-white dark:bg-darkBg py-2 z-30">
         <div className="flex items-center p-3 w-full  rounded-full relative !outline-none">
           <SearchIcon className="h-5 z-50 text-gray-500" />
-          <input
-            className="absolute w-[100%] focus:ring-0 focus:border-red-400 inset-0 rounded-full pl-11 border-gray-500 text-gray-700 dark:text-darkText focus:shadow-lg focus:bg-white bg-gray-100 dark:bg-darkCard"
-            type="text"
+          <AutoComplete
+            delay={300}
+            value={searchInput}
+            onChange={(e) => setSearchInput(e.target.value)}
+            suggestions={
+              searchResults && searchResults?.length > 0
+                ? searchResults?.map((result) => ({
+                    _id: result._id,
+                    userImg: result.userImg,
+                    username: result.username,
+                    name: result.name,
+                  }))
+                : []
+            }
+            field="username"
             placeholder="Search art/ists"
+            itemTemplate={itemTemplate}
+            completeMethod={() => {}}
+            onKeyDown={(e) => {
+              if (e.key === "Enter" && searchInput.trim() !== "") {
+                router.push(`/search?q=${searchInput}`);
+              }
+            }}
+
+            onSelect={(e) => handleSelect(e)}
+            className="w-[100%] focus:ring-0 focus:border-red-400 !inset-0 rounded-full pl-11 border-gray-500 text-gray-700 dark:text-darkText focus:shadow-lg focus:bg-white bg-gray-100 dark:bg-darkCard"
           />
         </div>
       </div>
@@ -46,19 +182,16 @@ export default function Widgets({ trendingPosts, randomUsersResults }) {
         </h4>
         {status === "loading" ? (
           <Spinner />
+        ) : // if there are no trending posts display a message
+        trendingPosts?.length === 0 ? (
+          <div className="flex flex-col items-center justify-center text-center">
+            <h1 className="text-xl font-bold dark:text-darkText">
+              No trending posts
+            </h1>
+            <p className="text-gray-400 py-2">Check back later</p>
+          </div>
         ) : (
-            // if there are no trending posts display a message
-            trendingPosts?.length === 0 ? (
-              <div className="flex flex-col items-center justify-center text-center">
-                <h1 className="text-xl font-bold dark:text-darkText">
-                  No trending posts
-              </h1>
-                <p className="text-gray-400 py-2">
-                  Check back later
-              </p>
-              </div>
-            ) : (
-              // if there are trending posts display them
+          // if there are trending posts display them
           <AnimatePresence>
             {trendingPosts?.slice(0, postNum).map((post) => (
               <motion.div
@@ -71,10 +204,9 @@ export default function Widgets({ trendingPosts, randomUsersResults }) {
                 <Trending key={post._id} post={post} />
               </motion.div>
             ))}
-                </AnimatePresence>
-            )
+          </AnimatePresence>
         )}
-        {status !== "loading" && trendingPosts?.length > 0 && (
+        {status !== "loading" && trendingPosts?.length > 3 && (
           <button
             onClick={() => setPostNum(postNum + 3)}
             className="text-red-300 pl-4 pb-3 hover:text-red-400"
@@ -85,7 +217,7 @@ export default function Widgets({ trendingPosts, randomUsersResults }) {
         {
           // if end of results display the show less button
           status !== "loading" &&
-            trendingPosts?.length > 0 &&
+            trendingPosts?.length > 3 &&
             trendingPosts?.length <= postNum && (
               <button
                 onClick={() => setPostNum(3)}
@@ -102,19 +234,16 @@ export default function Widgets({ trendingPosts, randomUsersResults }) {
         </h4>
         {status === "loading" ? (
           <Spinner />
+        ) : // if there are no random users display a message
+        randomUsersResults?.length === 0 ? (
+          <div className="flex flex-col items-center justify-center text-center">
+            <h1 className="text-xl font-bold dark:text-darkText">
+              No featured artists
+            </h1>
+            <p className="text-gray-400 py-2">Check back later</p>
+          </div>
         ) : (
-            // if there are no random users display a message
-            randomUsersResults?.length === 0 ? (
-              <div className="flex flex-col items-center justify-center text-center">
-                <h1 className="text-xl font-bold dark:text-darkText">
-                  No featured artists
-              </h1>
-                <p className="text-gray-400 py-2">
-                  Check back later
-              </p>
-              </div>
-            ) : (
-              // if there are random users display them
+          // if there are random users display them
           <AnimatePresence>
             {randomUsersResults?.slice(0, randomUserNum).map((randomUser) => (
               <motion.div
@@ -129,6 +258,7 @@ export default function Widgets({ trendingPosts, randomUsersResults }) {
                   className="flex items-center px-4 py-2  cursor-pointer hover:bg-gray-200 dark:hover:bg-darkHover transition duration-500 ease-out"
                 >
                   <Image
+                    referrerPolicy="no-referrer"
                     className="rounded-full h-[50px] w-[50px]"
                     width="50"
                     height="50"
@@ -151,10 +281,9 @@ export default function Widgets({ trendingPosts, randomUsersResults }) {
                 </div>
               </motion.div>
             ))}
-                </AnimatePresence>
-            )
+          </AnimatePresence>
         )}
-        {status !== "loading" && randomUsersResults?.length > 0 && (
+        {status !== "loading" && randomUsersResults?.length > 3 && (
           <button
             onClick={() => setRandomUserNum(randomUserNum + 3)}
             className="text-red-300 pl-4 pb-3 hover:text-red-400"
@@ -165,8 +294,8 @@ export default function Widgets({ trendingPosts, randomUsersResults }) {
         {
           // if end of results display the show less button
           status !== "loading" &&
-            randomUsersResults?.length > 0 &&
-            randomUsersResults?.length <= randomUserNum && (
+            randomUsersResults?.length > 3 &&
+            randomUserNum > 3 && (
               <button
                 onClick={() => setRandomUserNum(3)}
                 className="text-red-300 pl-4 pb-3 hover:text-red-400"
diff --git a/components/chatLayout.tsx b/components/chatLayout.tsx
index 0a89e2e..12f959d 100644
--- a/components/chatLayout.tsx
+++ b/components/chatLayout.tsx
@@ -9,6 +9,7 @@ export default function ChatLayout({ userImg, username, msg, timestamp }) {
           <Image
             width="50"
             height="50"
+            referrerPolicy="no-referrer"
             alt="profile picture"
             loader={({ src }) => src}
             src={userImg}
diff --git a/components/maps.css b/components/maps.css
index 7301d4b..214d214 100644
--- a/components/maps.css
+++ b/components/maps.css
@@ -12,13 +12,13 @@
   height: 100%;
 }
 
-.p-autocomplete {
+/* .p-autocomplete {
   padding: 0px;
   width: 100%;
   position: relative;
-}
+} */
 
-.p-autocomplete-input{
+.pAutocompleteInput {
   border-radius: 6px;
   width: 300px;
   border: 1px solid #ccc;
@@ -27,13 +27,13 @@
 
 
 
-.p-autocomplete-input:focus{
+.pAutocomplete-input:focus{
   border: 1px solid gray;
   --tw-ring-color: transparent;
   outline: none;
 }
 
-.p-autocomplete-panel {
+/* .p-autocomplete-panel {
   position: absolute;
   z-index: 9999;
   background-color: #f9f9f9;
@@ -42,16 +42,16 @@
   border-radius: 6px;
   margin-top: -4px;
   padding: 1rem;
-}
+} */
 
-.p-autocomplete-items {
+.pAutocompleteItems {
   list-style: none;
   padding: 0;
   margin: 0;
   max-height: 250px;
 }
 
-.p-autocomplete-item {
+#map-autocomplete p-autocomplete-item {
   padding: 0.5rem;
   cursor: pointer;
   transition: background-color 0.3s ease;
@@ -67,6 +67,16 @@
   overflow: visible !important;
 }
 
+.gm-style-iw-chr {
+  padding: 0px !important;
+  height: 0px !important;
+}
+
+/* .gm-ui-hover-effect {
+  background-color: #fff !important;
+  height: 36px !important;
+  width: 36px !important;
+} */
 
 .gm-ui-hover-effect {
   background-color: #fff !important;
@@ -108,5 +118,19 @@
     max-height: calc(370px - 31vh) !important;
   }
 
+  .gm-ui-hover-effect {
+  background-color: #fff !important;
+  height: 36px !important;
+  width: 36px !important;
+  display: flex !important;
+  align-items: center !important;
+  justify-content: center !important;
+}
+
+.gm-ui-hover-effect span {
+  height: 24px !important;
+  width: 24px !important;
+  margin: 0px !important;
 }
 
+}
\ No newline at end of file
diff --git a/components/modal.tsx b/components/modal.tsx
index a229fef..bc6b84b 100644
--- a/components/modal.tsx
+++ b/components/modal.tsx
@@ -22,7 +22,7 @@ export const Modal = ({ children, closeModal }) => {
     >
       <div
         data-testid="modal"
-        className="modal relative overflow-auto shadow rounded-2xl border dark:border-gray-700 border-cardBorder bg-white dark:bg-darkBg md:max-w-lg max-w-[90vw] max-h-[90vh] p-2 opacity-100 transition-none duration-0"
+        className="modal relative overflow-y-auto shadow rounded-2xl border dark:border-gray-700 border-cardBorder bg-white dark:bg-darkBg md:max-w-[600px] max-w-[90vw] max-h-[90vh] p-2 opacity-100 transition-none duration-0"
         onClick={(e) => e.stopPropagation()} // Prevent closing when clicking inside the modal
       >
         {children}
diff --git a/components/searchUser.tsx b/components/searchUser.tsx
new file mode 100644
index 0000000..7e68471
--- /dev/null
+++ b/components/searchUser.tsx
@@ -0,0 +1,124 @@
+"use client";
+
+import Image from "next/image";
+import { useRouter } from "next/navigation";
+import { useEffect, useState } from "react";
+import { backendUrl } from "@/app/utils/config/backendUrl";
+import axios from "axios";
+import { Session } from "next-auth/core/types";
+
+export default function SearchUser({ user, currentUser }: { user: User; currentUser: Session | null }) {
+  const [isFollowing, setIsFollowing] = useState(null) as any;
+  const router = useRouter();
+
+  useEffect(() => {
+    if (currentUser && user.followers && user.followers?.length > 0) {
+      setIsFollowing(user.followers.includes(currentUser?.user.id));
+    }
+  }, [currentUser, user.followers]);
+
+  async function followUser() {
+    if (!currentUser) {
+      alert("You must be logged in to follow a user!");
+      return;
+    }
+
+    if (currentUser?.user?.id === user?._id) {
+      alert("You cannot follow yourself!");
+      return;
+    }
+
+    setIsFollowing(!isFollowing); // optimistic updates
+    if (!isFollowing) {
+      user?.followers?.push(currentUser?.user?.id);
+    }
+    if (isFollowing) {
+      const index = user?.followers?.indexOf(currentUser?.user?.id);
+      if (index && index > -1) {
+        user?.followers?.splice(index, 1);
+      }
+    }
+
+    const res = await axios.put(
+      `${backendUrl}/user/${user.username}/follow`,
+      {
+        action: "follow",
+        userId: currentUser?.user?.id,
+        followFrom: currentUser?.user?.id,
+        followTo: user?._id,
+      },
+      {
+        headers: {
+          Authorization: `Bearer ${currentUser?.user?.accessToken}`,
+        },
+      }
+    );
+    // roleback all optimistic updates if error
+    if (res.status !== 200 && isFollowing) {
+      setIsFollowing(!isFollowing);
+      user?.followers?.push(currentUser?.user?.id);
+    }
+    if (res.status !== 200 && !isFollowing) {
+      setIsFollowing(!isFollowing);
+      const index = user?.followers?.indexOf(currentUser.user.id);
+      if (index && index > -1) {
+        user?.followers?.splice(index, 1);
+      }
+    }
+  }
+
+  return (
+    <div
+      key={user._id}
+      className="flex py-3 px-4 cursor-pointer justify-between transition ease-in duration-200 w-full hover:bg-gray-100 dark:hover:bg-darkHover"
+    >
+      <Image
+        src={user.image || "/default-user-img.jpg"}
+        referrerPolicy="no-referrer"
+        alt={user.name}
+        width={40}
+        height={40}
+        onClick={() => router.push(`/${user.username}`)}
+        className="rounded-full h-10 w-10 mr-2 object-cover"
+      />
+      <div
+        onClick={() => router.push(`/${user.username}`)}
+        className="flex flex-col max-w-[300px] whitespace-nowrap truncate  ml-2"
+      >
+        <span className="text-black  font-semibold dark:text-darkText md:text-lg">
+          {user.name}
+        </span>
+        <span className=" text-gray-500 font-normal md:text-base">
+          @{user.username}
+        </span>
+      </div>
+      <div className="flex flex-col ml-auto">
+        {currentUser?.user?.id !== user._id && (
+          <>
+            {isFollowing !== null && isFollowing ? (
+              <button
+                onClick={followUser}
+                onMouseOver={(e): void => {
+                  e.currentTarget.textContent = "Unfollow";
+                }}
+                onMouseLeave={(e): void => {
+                  e.currentTarget.textContent = "Following";
+                }}
+                className=" dark:text-darkText w-auto min-w-[80px] hover:text-[rgb(244,33,46)] dark:hover:text-[rgb(244,33,46)] hover:bg-[rgba(244,33,46,0.1)] hover:border-[rgb(103,7,15)] border border-[rgb(83,100,113)] ml-auto rounded-full text-sm px-3.5 py-1.5 font-bold"
+              >
+                Following
+              </button>
+            ) : (
+              <button
+                onClick={followUser}
+                className="ml-auto bg-black hover:brightness-90 dark:bg-white dark:text-gray-950 text-white rounded-full text-sm px-3.5 py-1.5 font-bold"
+              >
+                Follow
+              </button>
+            )}
+          </>
+        )}
+      </div>
+    </div>
+  );
+}
diff --git a/db/index.ts b/db/index.ts
new file mode 100644
index 0000000..2d43faa
--- /dev/null
+++ b/db/index.ts
@@ -0,0 +1,10 @@
+import { config } from "dotenv";
+import { drizzle } from "drizzle-orm/postgres-js";
+import postgres from "postgres";
+
+config({ path: ".env.local" });
+
+const connectionString = process.env.DATABASE_URL!;
+
+const client = postgres(connectionString, { prepare: false });
+export const db = drizzle(client);
diff --git a/drizzle.config.ts b/drizzle.config.ts
new file mode 100644
index 0000000..0c2e879
--- /dev/null
+++ b/drizzle.config.ts
@@ -0,0 +1,14 @@
+import { config } from "dotenv";
+import { defineConfig } from "drizzle-kit";
+import type { Config } from "drizzle-kit";
+
+config({ path: ".env.local" });
+
+export default defineConfig({
+  schema: "./models/*",
+  out: "./supabase/migrations",
+  dialect: 'postgresql',
+  dbCredentials: {
+    url: process.env.DATABASE_URL!,
+  }
+}) satisfies Config;
\ No newline at end of file
diff --git a/lib/authOptions.ts b/lib/authOptions.ts
new file mode 100644
index 0000000..618822f
--- /dev/null
+++ b/lib/authOptions.ts
@@ -0,0 +1,73 @@
+import { NextAuthOptions } from "next-auth";
+import { db } from "@/db";
+import { users as User } from "@/models/User";
+import GoogleProvider from "next-auth/providers/google";
+import SignToken  from "@/app/api/auth/jwt";
+import { eq } from "drizzle-orm";
+
+
+export const authOptions: NextAuthOptions = {
+  session: {
+    strategy: "jwt",
+    maxAge: 7 * 24 * 60 * 60, // 7 days
+  },
+  jwt: {
+    maxAge: 7 * 24 * 60 * 60,
+  },
+
+  providers: [
+    GoogleProvider({
+      clientId: process.env.GOOGLE_CLIENT_ID || "",
+      clientSecret: process.env.GOOGLE_CLIENT_SECRET || "",
+    }),
+  ],
+  callbacks: {
+    async jwt({ token, user, account }) {
+      if (account?.provider === "google") {
+        try {
+          const [userExists] = await db.select().from(User).where(eq(User.email, user.email as string));
+          if (!userExists) {
+            // Create the user and add it to the token
+            const [newUser] = await db.insert(User).values({
+              _id: crypto.randomUUID(),
+              name: user.name || "",
+              username: user.email?.split("@")[0] || user.name || "",
+              email: user.email as string,
+              image: user.image || ""
+            }).returning({
+              _id: User._id,
+              email: User.email,
+            });
+
+            token._id = newUser._id;
+            const data = {
+              email: newUser.email,
+              _id: newUser._id,
+            };
+            const tokenString = await SignToken(data) as string;
+            token.accessToken = tokenString;
+          } else {
+            const data = {
+              email: userExists.email,
+              _id: userExists._id,
+            };
+            const tokenString = await SignToken(data) as string;
+            token.accessToken = tokenString;
+            token._id = userExists._id;
+          }
+        } catch (error) {
+          console.error(error);
+        }
+      }
+      return token;
+    },
+
+    async session({ session, token }) {
+      session.user.id = token._id as string;
+      session.user.accessToken = token.accessToken as string;
+      session.user.expires = token.exp as number;
+
+      return session;
+    },
+  },
+};
\ No newline at end of file
diff --git a/libs/mongodb.ts b/libs/mongodb.ts
deleted file mode 100644
index 5fa6b08..0000000
--- a/libs/mongodb.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import mongoose from "mongoose";
-
-export const connectMongoDB = async () => {
-  const uri = process.env.MONGODB_URI as string;
-  if (!uri) {
-    return console.error("MongoDB URI not found!");
-  }
-  try {
-    await mongoose.connect(uri);
-    console.log("MongoDB connected");
-  } catch (error) {
-    return console.error("Error: ", error?.message);
-  }
-};
\ No newline at end of file
diff --git a/middleware.ts b/middleware.ts
index 255fcd2..3c74114 100644
--- a/middleware.ts
+++ b/middleware.ts
@@ -16,6 +16,7 @@ const decodeJWT = async (token: string) => {
 async function checkAuth(request: Request) {
   const response = NextResponse.next();
   const bearer = request.headers.get("Authorization");
+
   if (!bearer) {
     return NextResponse.json({ message: "Not authorized" }, { status: 401 });
   }
@@ -85,6 +86,12 @@ export async function middleware(request: Request) {
   ) {
     return checkAuth(request);
   }
+  if (request.url.includes("/user") && request.method === "PUT") {
+    return checkAuth(request);
+  }
+  if (request.url.includes("/full")) {
+    return checkAuth(request);
+  }
   return response;
 }
 
diff --git a/models/Events.ts b/models/Events.ts
index 016436f..bc069f5 100644
--- a/models/Events.ts
+++ b/models/Events.ts
@@ -1,46 +1,56 @@
-import mongoose, { Schema } from "mongoose";
+import { UUID } from "crypto";
+import { pgTable, uuid, text, timestamp, boolean, date, integer } from "drizzle-orm/pg-core";
+import jsonb from "@/@types/jsonb";
+import { users } from "./User";
 
-const EventSchema: Schema = new Schema(
-  {
-    title: { type: String, required: true },
-    description: { type: String, required: false },
-    image: {
-      type: String,
-      default:
-        "https://images.pexels.com/photos/2263436/pexels-photo-2263436.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2",
-      required: false,
-    },
-    date: { type: Date, required: true },
-    location: { type: String, required: true },
-    token: {
-      type: String,
-      required: "Token is required"
+export type EventType = {
+  _id: UUID;
+  title: string;
+  description: string;
+  image: string;
+  date: Date;
+  location: string;
+  token: string;
+  verified: boolean;
+  coordinates: {
+    lat: number;
+    lng: number;
+  };
+  link: string;
+  organizer: UUID;
+  attendees: {
+    userId: UUID;
+    code: string;
+  }[];
+  attendeesCount: number;
+  createdAt: Date;
+  updatedAt: Date;
+};
 
-    },
-    verified: { type: Boolean, default: false, required: false },
-    coordinates: {
-      lat: Number,
-      lng: Number,
-    },
-    link: { type: String, required: false },
-    organizer: { type: Schema.Types.ObjectId, ref: "User", required: true },
-    // in the attendees array, we will store the user's ID as a reference and a code
-    attendees: [
-      {
-        userId: { type: Schema.Types.ObjectId, ref: "User", required: true },
-        code: { type: String, required: true },
-      },
-    ],
-    attendeesCount: {
-      type: Number,
-      default: 0,
-      required: false,
-      get: function () {
-        return this.attendees.length;
-      },
-    },
-  },
-  { timestamps: true }
-);
+// Define the Attendee type
+export interface Attendees {
+  userId: string; // UUID of the user
+  code: string;
+}[];
 
-export default mongoose.models.Event || mongoose.model("Event", EventSchema);
\ No newline at end of file
+// Define the Event table schema
+export const events = pgTable('events', {
+  _id: uuid('_id').defaultRandom().primaryKey(),
+  title: text('title').notNull(),
+  description: text('description'),
+  image: text('image').default(
+    'https://images.pexels.com/photos/2263436/pexels-photo-2263436.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2'
+  ),
+  date: date('date').notNull(),
+  location: text('location').notNull(),
+  token: text('token').notNull(),
+  verified: boolean('verified').default(false),
+  coordinates: jsonb('coordinates').default({ lat: 0, lng: 0 }).notNull(),
+  link: text('link'),
+  organizer: uuid('organizer').notNull().references(() => users._id, { onDelete: 'cascade' }),
+  attendees: jsonb('attendees')
+    .default([{ userId: '', code: '' }]),
+  attendeesCount: integer('attendeesCount').default(0),
+  createdAt: timestamp('createdAt').defaultNow(),
+  updatedAt: timestamp('updatedAt').defaultNow().$onUpdate(() => new Date()),
+});
diff --git a/models/Post.ts b/models/Post.ts
index acdd1f8..aa17bc2 100644
--- a/models/Post.ts
+++ b/models/Post.ts
@@ -1,78 +1,44 @@
-import mongoose, { Schema } from "mongoose";
+import { pgTable, uuid, text, timestamp, boolean, jsonb } from "drizzle-orm/pg-core";
+// import jsonb from "@/@types/jsonb";
+import { users } from "./User";
+import { UUID } from "crypto";
 
-const PostSchema: Schema = new Schema(
-  {
-    content: {
-      type: String,
-      required: false,
-    },
-    name: {
-      type: String,
-      required: true,
-    },
-    username: {
-      type: String,
-      required: true,
-    },
-    authorID: {
-      type: String,
-      required: true,
-    },
-    category: {
-      type: String,
-      enum: [
-        "art",
-        "music",
-        "hybrid",
-        "theatre",
-        "literature",
-        "science",
-        "sports",
-        "other",
-      ],
-      default: "other",
-      required: true,
-    },
-    tags: {
-      type: [String],
-      required: false,
-    },
-    image: {
-      type: String,
-      required: false,
-    },
-    featured: {
-      type: Boolean,
-      default: false,
-    },
-    likes: {
-      type: [String],
-      default: [],
-      required: false,
-    },
-    comments: [
-      {
-        userId: String,
-        content: String,
-        username: String,
-        timestamp: String,
-        userImg: String,
-        url: String,
-        name: String,
-      },
-    ],
-    userImg: {
-      type: String,
-      required: false,
-      default:
-        "https://alumni.engineering.utoronto.ca/files/2022/05/Avatar-Placeholder-400x400-1.jpg",
-    },
-    url: {
-      type: String,
-      required: false,
-    },
-  },
-  { timestamps: true }
-);
+export type PostType = {
+  _id: string;
+  likes: string[] | null;
+  content: string | null;
+  authorID: string;
+  category: string | null;
+  featured: boolean | null;
+  comments: unknown[] | null;
+  url: string | null;
+  createdAt: Date | null;
+  updatedAt: Date | null;
+};
 
-export default mongoose.models.Post || mongoose.model("Post", PostSchema);
\ No newline at end of file
+// Define the comment type
+export interface CommentType {
+  _id: UUID;
+  userId: UUID;
+  content: string;
+  username: string;
+  timestamp: Date;
+  url: string;
+  userImg: string;
+  name: string;
+}
+
+export const posts = pgTable("posts", {
+  _id: uuid("_id").defaultRandom().primaryKey(),
+  content: text("content").default(""),
+  authorID: uuid("authorID").notNull().references(() => users._id),
+  category: text("category").default("other"),
+  featured: boolean("featured").default(false),
+  likes: uuid("likes").array().default([]),
+  comments: jsonb("comments").array().default([]),
+  url: text("url").default(""),
+  createdAt: timestamp("createdAt").defaultNow(),
+  updatedAt: timestamp("updatedAt").defaultNow(),
+});
+
+export type Post = typeof posts;
\ No newline at end of file
diff --git a/models/User.ts b/models/User.ts
index 954703c..4a68b0d 100644
--- a/models/User.ts
+++ b/models/User.ts
@@ -1,69 +1,38 @@
-import mongoose, { Schema } from "mongoose";
+import { UUID } from "crypto";
+import { pgTable, uuid, text, timestamp, boolean } from "drizzle-orm/pg-core";
 
-const UserSchema: Schema = new Schema(
-  {
-    name: { type: String, required: true },
-    username: { type: String, required: true },
-    email: { type: String, required: true },
-    image: {
-      type: String,
-      default:
-        "https://t3.ftcdn.net/jpg/05/16/27/58/360_F_516275801_f3Fsp17x6HQK0xQgDQEELoTuERO4SsWV.jpg",
-      required: false,
-    },
-    bio: {
-      type: String,
-      default:
-        "We don't know much about this user yet, but we are sure they are artistic!",
-      required: false,
-    },
-    followers: {
-      type: [],
-      default: [],
-      required: false,
-    },
-    following: {
-      type: [],
-      default: [],
-      required: false,
-    },
-    followersCount: {
-      type: Number,
-      default: 0,
-      required: false,
-    },
-    followingCount: {
-      type: Number,
-      default: 0,
-      required: false,
-    },
-    verified: {
-      type: Boolean,
-      default: false,
-      required: false,
-    },
-    role: {
-      type: String,
-      enum: ["user", "organizer"],
-      default: "user",
-      required: false,
-    },
-    likes: {
-      type: [String],
-      default: [],
-      required: false,
-    },
-  },
-  { timestamps: true }
-);
+export type UserType = {
+  _id: string;
+  name: string;
+  username: string;
+  email: string;
+  image: string | null;
+  bio: string | null;
+  followers: string[] | null;
+  following: string[] | null;
+  verified: boolean | null;
+  role: string | null;
+  likes: string[] | null;
+  createdAt: Date | null;
+  updatedAt: Date | null;
+};
 
-// Function to update followersCount and followingCount
-UserSchema.pre("save", function (next) {
-  this.followersCount = this.followers.length;
-  this.followingCount = this.following.length;
-  next();
-});
-
-
-
-export default mongoose.models.User || mongoose.model("User", UserSchema);
\ No newline at end of file
+export const users = pgTable("users", {
+  _id: uuid("_id").defaultRandom().primaryKey(),
+  name: text("name").notNull(),
+  username: text("username").notNull().unique(),
+  email: text("email").notNull().unique(),
+  image: text("image").default(
+    "https://t3.ftcdn.net/jpg/05/16/27/58/360_F_516275801_f3Fsp17x6HQK0xQgDQEELoTuERO4SsWV.jpg"
+  ),
+  bio: text("bio").default(
+    "We don't know much about this user yet, but we are sure they are artistic!"
+  ),
+  followers: text("followers").array().default([]),
+  following: text("following").array().default([]),
+  verified: boolean("verified").default(false),
+  role: text("role").default("user"),
+  likes: uuid("likes").array().default([]),
+  createdAt: timestamp("createdAt").defaultNow(),
+  updatedAt: timestamp("updatedAt").defaultNow(),
+});
\ No newline at end of file
diff --git a/next.config.js b/next.config.js
index c660201..b63aa16 100644
--- a/next.config.js
+++ b/next.config.js
@@ -9,6 +9,14 @@ const nextConfig = {
         protocol: 'https',
         hostname: 'images.unsplash.com'
       },
+      {
+        protocol: 'http',
+        hostname: 'localhost'
+      },
+      {
+        protocol: 'https',
+        hostname: 'c.tenor.com'
+      },
       {
         protocol: 'https',
         hostname: 'images.pexels.com',
diff --git a/package-lock.json b/package-lock.json
index 0a5f2cb..f13f973 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -11,22 +11,22 @@
         "@heroicons/react": "^2.0.18",
         "@react-google-maps/api": "^2.19.2",
         "axios": "^1.5.0",
+        "dotenv": "^16.4.5",
+        "drizzle-orm": "^0.31.2",
         "framer-motion": "11.0.6",
         "jose": "^4.14.6",
         "jsonwebtoken": "^9.0.2",
         "moment": "^2.29.3",
-        "mongoose": "^7.4.5",
-        "next": "^13.4.19",
+        "next": "^14.2.4",
         "next-auth": "^4.23.1",
         "next-themes": "^0.2.1",
+        "postgres": "^3.4.4",
         "primereact": "^10.0.3",
         "react": "18.2.0",
         "react-dom": "18.2.0",
         "react-hot-toast": "^2.4.1",
         "react-moment": "^1.1.2",
         "recoil": "^0.7.7",
-        "sharp": "^0.32.6",
-        "styled-jsx": "^5.1.2",
         "swr": "^2.2.4",
         "use-places-autocomplete": "^4.0.1"
       },
@@ -39,6 +39,7 @@
         "@types/node": "20.5.6",
         "@types/react": "18.2.21",
         "autoprefixer": "^10.4.7",
+        "drizzle-kit": "^0.22.7",
         "eslint": "8.52.0",
         "eslint-config-next": "14.0.1",
         "eslint-plugin-jest-dom": "^5.1.0",
@@ -520,9 +521,9 @@
       }
     },
     "node_modules/@babel/parser": {
-      "version": "7.23.4",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.23.4.tgz",
-      "integrity": "sha512-vf3Xna6UEprW+7t6EtOmFpHNAuxw3xqPZghy+brsnusscJRW5BMUzzHZc5ICjULee81WeUV2jjakG09MDglJXQ==",
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.24.7.tgz",
+      "integrity": "sha512-9uUYRm6OqQrCqQdG1iCBwBPZgN8ciDBro2nIOFaiRz1/BCxaI7CNvQbDHvsArAC7Tw9Hda/B3U+6ui9u4HWXPw==",
       "dev": true,
       "bin": {
         "parser": "bin/babel-parser.js"
@@ -774,79 +775,866 @@
         "to-fast-properties": "^2.0.0"
       },
       "engines": {
-        "node": ">=6.9.0"
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@bcoe/v8-coverage": {
+      "version": "0.2.3",
+      "resolved": "https://registry.npmjs.org/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz",
+      "integrity": "sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==",
+      "dev": true
+    },
+    "node_modules/@bundled-es-modules/cookie": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@bundled-es-modules/cookie/-/cookie-2.0.0.tgz",
+      "integrity": "sha512-Or6YHg/kamKHpxULAdSqhGqnWFneIXu1NKvvfBBzKGwpVsYuFIQ5aBPHDnnoR3ghW1nvSkALd+EF9iMtY7Vjxw==",
+      "dev": true,
+      "dependencies": {
+        "cookie": "^0.5.0"
+      }
+    },
+    "node_modules/@bundled-es-modules/js-levenshtein": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@bundled-es-modules/js-levenshtein/-/js-levenshtein-2.0.1.tgz",
+      "integrity": "sha512-DERMS3yfbAljKsQc0U2wcqGKUWpdFjwqWuoMugEJlqBnKO180/n+4SR/J8MRDt1AN48X1ovgoD9KrdVXcaa3Rg==",
+      "dev": true,
+      "dependencies": {
+        "js-levenshtein": "^1.1.6"
+      }
+    },
+    "node_modules/@bundled-es-modules/statuses": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@bundled-es-modules/statuses/-/statuses-1.0.1.tgz",
+      "integrity": "sha512-yn7BklA5acgcBr+7w064fGV+SGIFySjCKpqjcWgBAIfrAkY+4GQTJJHQMeT3V/sgz23VTEVV8TtOmkvJAhFVfg==",
+      "dev": true,
+      "dependencies": {
+        "statuses": "^2.0.1"
+      }
+    },
+    "node_modules/@cspotcode/source-map-support": {
+      "version": "0.8.1",
+      "resolved": "https://registry.npmjs.org/@cspotcode/source-map-support/-/source-map-support-0.8.1.tgz",
+      "integrity": "sha512-IchNf6dN4tHoMFIn/7OE8LWZ19Y6q/67Bmf6vnGREv8RSbBVb9LPJxEcnwrcwX6ixSvaiGoomAUvu4YSxXrVgw==",
+      "dev": true,
+      "dependencies": {
+        "@jridgewell/trace-mapping": "0.3.9"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@cspotcode/source-map-support/node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.9",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.9.tgz",
+      "integrity": "sha512-3Belt6tdc8bPgAtbcmdtNJlirVoTmEb5e2gC94PnkwEW9jI6CAHUeoG85tjWP5WquqfavoMtMwiG4P926ZKKuQ==",
+      "dev": true,
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.0.3",
+        "@jridgewell/sourcemap-codec": "^1.4.10"
+      }
+    },
+    "node_modules/@emotion/is-prop-valid": {
+      "version": "0.8.8",
+      "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-0.8.8.tgz",
+      "integrity": "sha512-u5WtneEAr5IDG2Wv65yhunPSMLIpuKsbuOktRojfrEiEvRyC85LgPMZI63cr7NUqT8ZIGdSVg8ZKGxIug4lXcA==",
+      "optional": true,
+      "dependencies": {
+        "@emotion/memoize": "0.7.4"
+      }
+    },
+    "node_modules/@emotion/memoize": {
+      "version": "0.7.4",
+      "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.7.4.tgz",
+      "integrity": "sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==",
+      "optional": true
+    },
+    "node_modules/@esbuild-kit/core-utils": {
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/@esbuild-kit/core-utils/-/core-utils-3.3.2.tgz",
+      "integrity": "sha512-sPRAnw9CdSsRmEtnsl2WXWdyquogVpB3yZ3dgwJfe8zrOzTsV7cJvmwrKVa+0ma5BoiGJ+BoqkMvawbayKUsqQ==",
+      "dev": true,
+      "dependencies": {
+        "esbuild": "~0.18.20",
+        "source-map-support": "^0.5.21"
+      }
+    },
+    "node_modules/@esbuild-kit/core-utils/node_modules/@esbuild/android-arm": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.18.20.tgz",
+      "integrity": "sha512-fyi7TDI/ijKKNZTUJAQqiG5T7YjJXgnzkURqmGj13C6dCqckZBLdl4h7bkhHt/t0WP+zO9/zwroDvANaOqO5Sw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild-kit/core-utils/node_modules/@esbuild/android-arm64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.18.20.tgz",
+      "integrity": "sha512-Nz4rJcchGDtENV0eMKUNa6L12zz2zBDXuhj/Vjh18zGqB44Bi7MBMSXjgunJgjRhCmKOjnPuZp4Mb6OKqtMHLQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild-kit/core-utils/node_modules/@esbuild/android-x64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.18.20.tgz",
+      "integrity": "sha512-8GDdlePJA8D6zlZYJV/jnrRAi6rOiNaCC/JclcXpB+KIuvfBN4owLtgzY2bsxnx666XjJx2kDPUmnTtR8qKQUg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild-kit/core-utils/node_modules/@esbuild/darwin-arm64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.18.20.tgz",
+      "integrity": "sha512-bxRHW5kHU38zS2lPTPOyuyTm+S+eobPUnTNkdJEfAddYgEcll4xkT8DB9d2008DtTbl7uJag2HuE5NZAZgnNEA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild-kit/core-utils/node_modules/@esbuild/darwin-x64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.18.20.tgz",
+      "integrity": "sha512-pc5gxlMDxzm513qPGbCbDukOdsGtKhfxD1zJKXjCCcU7ju50O7MeAZ8c4krSJcOIJGFR+qx21yMMVYwiQvyTyQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild-kit/core-utils/node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.18.20.tgz",
+      "integrity": "sha512-yqDQHy4QHevpMAaxhhIwYPMv1NECwOvIpGCZkECn8w2WFHXjEwrBn3CeNIYsibZ/iZEUemj++M26W3cNR5h+Tw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild-kit/core-utils/node_modules/@esbuild/freebsd-x64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.18.20.tgz",
+      "integrity": "sha512-tgWRPPuQsd3RmBZwarGVHZQvtzfEBOreNuxEMKFcd5DaDn2PbBxfwLcj4+aenoh7ctXcbXmOQIn8HI6mCSw5MQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild-kit/core-utils/node_modules/@esbuild/linux-arm": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.18.20.tgz",
+      "integrity": "sha512-/5bHkMWnq1EgKr1V+Ybz3s1hWXok7mDFUMQ4cG10AfW3wL02PSZi5kFpYKrptDsgb2WAJIvRcDm+qIvXf/apvg==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild-kit/core-utils/node_modules/@esbuild/linux-arm64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.18.20.tgz",
+      "integrity": "sha512-2YbscF+UL7SQAVIpnWvYwM+3LskyDmPhe31pE7/aoTMFKKzIc9lLbyGUpmmb8a8AixOL61sQ/mFh3jEjHYFvdA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild-kit/core-utils/node_modules/@esbuild/linux-ia32": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.18.20.tgz",
+      "integrity": "sha512-P4etWwq6IsReT0E1KHU40bOnzMHoH73aXp96Fs8TIT6z9Hu8G6+0SHSw9i2isWrD2nbx2qo5yUqACgdfVGx7TA==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild-kit/core-utils/node_modules/@esbuild/linux-loong64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.18.20.tgz",
+      "integrity": "sha512-nXW8nqBTrOpDLPgPY9uV+/1DjxoQ7DoB2N8eocyq8I9XuqJ7BiAMDMf9n1xZM9TgW0J8zrquIb/A7s3BJv7rjg==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild-kit/core-utils/node_modules/@esbuild/linux-mips64el": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.18.20.tgz",
+      "integrity": "sha512-d5NeaXZcHp8PzYy5VnXV3VSd2D328Zb+9dEq5HE6bw6+N86JVPExrA6O68OPwobntbNJ0pzCpUFZTo3w0GyetQ==",
+      "cpu": [
+        "mips64el"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild-kit/core-utils/node_modules/@esbuild/linux-ppc64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.18.20.tgz",
+      "integrity": "sha512-WHPyeScRNcmANnLQkq6AfyXRFr5D6N2sKgkFo2FqguP44Nw2eyDlbTdZwd9GYk98DZG9QItIiTlFLHJHjxP3FA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild-kit/core-utils/node_modules/@esbuild/linux-riscv64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.18.20.tgz",
+      "integrity": "sha512-WSxo6h5ecI5XH34KC7w5veNnKkju3zBRLEQNY7mv5mtBmrP/MjNBCAlsM2u5hDBlS3NGcTQpoBvRzqBcRtpq1A==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild-kit/core-utils/node_modules/@esbuild/linux-s390x": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.18.20.tgz",
+      "integrity": "sha512-+8231GMs3mAEth6Ja1iK0a1sQ3ohfcpzpRLH8uuc5/KVDFneH6jtAJLFGafpzpMRO6DzJ6AvXKze9LfFMrIHVQ==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild-kit/core-utils/node_modules/@esbuild/linux-x64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.18.20.tgz",
+      "integrity": "sha512-UYqiqemphJcNsFEskc73jQ7B9jgwjWrSayxawS6UVFZGWrAAtkzjxSqnoclCXxWtfwLdzU+vTpcNYhpn43uP1w==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild-kit/core-utils/node_modules/@esbuild/netbsd-x64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.18.20.tgz",
+      "integrity": "sha512-iO1c++VP6xUBUmltHZoMtCUdPlnPGdBom6IrO4gyKPFFVBKioIImVooR5I83nTew5UOYrk3gIJhbZh8X44y06A==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild-kit/core-utils/node_modules/@esbuild/openbsd-x64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.18.20.tgz",
+      "integrity": "sha512-e5e4YSsuQfX4cxcygw/UCPIEP6wbIL+se3sxPdCiMbFLBWu0eiZOJ7WoD+ptCLrmjZBK1Wk7I6D/I3NglUGOxg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild-kit/core-utils/node_modules/@esbuild/sunos-x64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.18.20.tgz",
+      "integrity": "sha512-kDbFRFp0YpTQVVrqUd5FTYmWo45zGaXe0X8E1G/LKFC0v8x0vWrhOWSLITcCn63lmZIxfOMXtCfti/RxN/0wnQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild-kit/core-utils/node_modules/@esbuild/win32-arm64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.18.20.tgz",
+      "integrity": "sha512-ddYFR6ItYgoaq4v4JmQQaAI5s7npztfV4Ag6NrhiaW0RrnOXqBkgwZLofVTlq1daVTQNhtI5oieTvkRPfZrePg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild-kit/core-utils/node_modules/@esbuild/win32-ia32": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.18.20.tgz",
+      "integrity": "sha512-Wv7QBi3ID/rROT08SABTS7eV4hX26sVduqDOTe1MvGMjNd3EjOz4b7zeexIR62GTIEKrfJXKL9LFxTYgkyeu7g==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild-kit/core-utils/node_modules/@esbuild/win32-x64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.18.20.tgz",
+      "integrity": "sha512-kTdfRcSiDfQca/y9QIkng02avJ+NCaQvrMejlsB3RRv5sE9rRoeBPISaZpKxHELzRxZyLvNts1P27W3wV+8geQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild-kit/core-utils/node_modules/esbuild": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.18.20.tgz",
+      "integrity": "sha512-ceqxoedUrcayh7Y7ZX6NdbbDzGROiyVBgC4PriJThBKSVPWnnFHZAkfI1lJT8QFkOwH4qOS2SJkS4wvpGl8BpA==",
+      "dev": true,
+      "hasInstallScript": true,
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "optionalDependencies": {
+        "@esbuild/android-arm": "0.18.20",
+        "@esbuild/android-arm64": "0.18.20",
+        "@esbuild/android-x64": "0.18.20",
+        "@esbuild/darwin-arm64": "0.18.20",
+        "@esbuild/darwin-x64": "0.18.20",
+        "@esbuild/freebsd-arm64": "0.18.20",
+        "@esbuild/freebsd-x64": "0.18.20",
+        "@esbuild/linux-arm": "0.18.20",
+        "@esbuild/linux-arm64": "0.18.20",
+        "@esbuild/linux-ia32": "0.18.20",
+        "@esbuild/linux-loong64": "0.18.20",
+        "@esbuild/linux-mips64el": "0.18.20",
+        "@esbuild/linux-ppc64": "0.18.20",
+        "@esbuild/linux-riscv64": "0.18.20",
+        "@esbuild/linux-s390x": "0.18.20",
+        "@esbuild/linux-x64": "0.18.20",
+        "@esbuild/netbsd-x64": "0.18.20",
+        "@esbuild/openbsd-x64": "0.18.20",
+        "@esbuild/sunos-x64": "0.18.20",
+        "@esbuild/win32-arm64": "0.18.20",
+        "@esbuild/win32-ia32": "0.18.20",
+        "@esbuild/win32-x64": "0.18.20"
+      }
+    },
+    "node_modules/@esbuild-kit/core-utils/node_modules/source-map-support": {
+      "version": "0.5.21",
+      "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz",
+      "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==",
+      "dev": true,
+      "dependencies": {
+        "buffer-from": "^1.0.0",
+        "source-map": "^0.6.0"
+      }
+    },
+    "node_modules/@esbuild-kit/esm-loader": {
+      "version": "2.6.5",
+      "resolved": "https://registry.npmjs.org/@esbuild-kit/esm-loader/-/esm-loader-2.6.5.tgz",
+      "integrity": "sha512-FxEMIkJKnodyA1OaCUoEvbYRkoZlLZ4d/eXFu9Fh8CbBBgP5EmZxrfTRyN0qpXZ4vOvqnE5YdRdcrmUUXuU+dA==",
+      "dev": true,
+      "dependencies": {
+        "@esbuild-kit/core-utils": "^3.3.2",
+        "get-tsconfig": "^4.7.0"
+      }
+    },
+    "node_modules/@esbuild/aix-ppc64": {
+      "version": "0.19.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.19.12.tgz",
+      "integrity": "sha512-bmoCYyWdEL3wDQIVbcyzRyeKLgk2WtWLTWz1ZIAZF/EGbNOwSA6ew3PftJ1PqMiOOGu0OyFMzG53L0zqIpPeNA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "aix"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/android-arm": {
+      "version": "0.19.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.19.12.tgz",
+      "integrity": "sha512-qg/Lj1mu3CdQlDEEiWrlC4eaPZ1KztwGJ9B6J+/6G+/4ewxJg7gqj8eVYWvao1bXrqGiW2rsBZFSX3q2lcW05w==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/android-arm64": {
+      "version": "0.19.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.19.12.tgz",
+      "integrity": "sha512-P0UVNGIienjZv3f5zq0DP3Nt2IE/3plFzuaS96vihvD0Hd6H/q4WXUGpCxD/E8YrSXfNyRPbpTq+T8ZQioSuPA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/android-x64": {
+      "version": "0.19.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.19.12.tgz",
+      "integrity": "sha512-3k7ZoUW6Q6YqhdhIaq/WZ7HwBpnFBlW905Fa4s4qWJyiNOgT1dOqDiVAQFwBH7gBRZr17gLrlFCRzF6jFh7Kew==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/darwin-arm64": {
+      "version": "0.19.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.19.12.tgz",
+      "integrity": "sha512-B6IeSgZgtEzGC42jsI+YYu9Z3HKRxp8ZT3cqhvliEHovq8HSX2YX8lNocDn79gCKJXOSaEot9MVYky7AKjCs8g==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/darwin-x64": {
+      "version": "0.19.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.19.12.tgz",
+      "integrity": "sha512-hKoVkKzFiToTgn+41qGhsUJXFlIjxI/jSYeZf3ugemDYZldIXIxhvwN6erJGlX4t5h417iFuheZ7l+YVn05N3A==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.19.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.19.12.tgz",
+      "integrity": "sha512-4aRvFIXmwAcDBw9AueDQ2YnGmz5L6obe5kmPT8Vd+/+x/JMVKCgdcRwH6APrbpNXsPz+K653Qg8HB/oXvXVukA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/freebsd-x64": {
+      "version": "0.19.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.19.12.tgz",
+      "integrity": "sha512-EYoXZ4d8xtBoVN7CEwWY2IN4ho76xjYXqSXMNccFSx2lgqOG/1TBPW0yPx1bJZk94qu3tX0fycJeeQsKovA8gg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-arm": {
+      "version": "0.19.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.19.12.tgz",
+      "integrity": "sha512-J5jPms//KhSNv+LO1S1TX1UWp1ucM6N6XuL6ITdKWElCu8wXP72l9MM0zDTzzeikVyqFE6U8YAV9/tFyj0ti+w==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-arm64": {
+      "version": "0.19.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.19.12.tgz",
+      "integrity": "sha512-EoTjyYyLuVPfdPLsGVVVC8a0p1BFFvtpQDB/YLEhaXyf/5bczaGeN15QkR+O4S5LeJ92Tqotve7i1jn35qwvdA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-ia32": {
+      "version": "0.19.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.19.12.tgz",
+      "integrity": "sha512-Thsa42rrP1+UIGaWz47uydHSBOgTUnwBwNq59khgIwktK6x60Hivfbux9iNR0eHCHzOLjLMLfUMLCypBkZXMHA==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-loong64": {
+      "version": "0.19.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.19.12.tgz",
+      "integrity": "sha512-LiXdXA0s3IqRRjm6rV6XaWATScKAXjI4R4LoDlvO7+yQqFdlr1Bax62sRwkVvRIrwXxvtYEHHI4dm50jAXkuAA==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-mips64el": {
+      "version": "0.19.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.19.12.tgz",
+      "integrity": "sha512-fEnAuj5VGTanfJ07ff0gOA6IPsvrVHLVb6Lyd1g2/ed67oU1eFzL0r9WL7ZzscD+/N6i3dWumGE1Un4f7Amf+w==",
+      "cpu": [
+        "mips64el"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-ppc64": {
+      "version": "0.19.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.19.12.tgz",
+      "integrity": "sha512-nYJA2/QPimDQOh1rKWedNOe3Gfc8PabU7HT3iXWtNUbRzXS9+vgB0Fjaqr//XNbd82mCxHzik2qotuI89cfixg==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-riscv64": {
+      "version": "0.19.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.19.12.tgz",
+      "integrity": "sha512-2MueBrlPQCw5dVJJpQdUYgeqIzDQgw3QtiAHUC4RBz9FXPrskyyU3VI1hw7C0BSKB9OduwSJ79FTCqtGMWqJHg==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-s390x": {
+      "version": "0.19.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.19.12.tgz",
+      "integrity": "sha512-+Pil1Nv3Umes4m3AZKqA2anfhJiVmNCYkPchwFJNEJN5QxmTs1uzyy4TvmDrCRNT2ApwSari7ZIgrPeUx4UZDg==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-x64": {
+      "version": "0.19.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.19.12.tgz",
+      "integrity": "sha512-B71g1QpxfwBvNrfyJdVDexenDIt1CiDN1TIXLbhOw0KhJzE78KIFGX6OJ9MrtC0oOqMWf+0xop4qEU8JrJTwCg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
       }
     },
-    "node_modules/@bcoe/v8-coverage": {
-      "version": "0.2.3",
-      "resolved": "https://registry.npmjs.org/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz",
-      "integrity": "sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==",
-      "dev": true
-    },
-    "node_modules/@bundled-es-modules/cookie": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/@bundled-es-modules/cookie/-/cookie-2.0.0.tgz",
-      "integrity": "sha512-Or6YHg/kamKHpxULAdSqhGqnWFneIXu1NKvvfBBzKGwpVsYuFIQ5aBPHDnnoR3ghW1nvSkALd+EF9iMtY7Vjxw==",
+    "node_modules/@esbuild/netbsd-x64": {
+      "version": "0.19.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.19.12.tgz",
+      "integrity": "sha512-3ltjQ7n1owJgFbuC61Oj++XhtzmymoCihNFgT84UAmJnxJfm4sYCiSLTXZtE00VWYpPMYc+ZQmB6xbSdVh0JWA==",
+      "cpu": [
+        "x64"
+      ],
       "dev": true,
-      "dependencies": {
-        "cookie": "^0.5.0"
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=12"
       }
     },
-    "node_modules/@bundled-es-modules/js-levenshtein": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/@bundled-es-modules/js-levenshtein/-/js-levenshtein-2.0.1.tgz",
-      "integrity": "sha512-DERMS3yfbAljKsQc0U2wcqGKUWpdFjwqWuoMugEJlqBnKO180/n+4SR/J8MRDt1AN48X1ovgoD9KrdVXcaa3Rg==",
+    "node_modules/@esbuild/openbsd-x64": {
+      "version": "0.19.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.19.12.tgz",
+      "integrity": "sha512-RbrfTB9SWsr0kWmb9srfF+L933uMDdu9BIzdA7os2t0TXhCRjrQyCeOt6wVxr79CKD4c+p+YhCj31HBkYcXebw==",
+      "cpu": [
+        "x64"
+      ],
       "dev": true,
-      "dependencies": {
-        "js-levenshtein": "^1.1.6"
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=12"
       }
     },
-    "node_modules/@bundled-es-modules/statuses": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@bundled-es-modules/statuses/-/statuses-1.0.1.tgz",
-      "integrity": "sha512-yn7BklA5acgcBr+7w064fGV+SGIFySjCKpqjcWgBAIfrAkY+4GQTJJHQMeT3V/sgz23VTEVV8TtOmkvJAhFVfg==",
+    "node_modules/@esbuild/sunos-x64": {
+      "version": "0.19.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.19.12.tgz",
+      "integrity": "sha512-HKjJwRrW8uWtCQnQOz9qcU3mUZhTUQvi56Q8DPTLLB+DawoiQdjsYq+j+D3s9I8VFtDr+F9CjgXKKC4ss89IeA==",
+      "cpu": [
+        "x64"
+      ],
       "dev": true,
-      "dependencies": {
-        "statuses": "^2.0.1"
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=12"
       }
     },
-    "node_modules/@cspotcode/source-map-support": {
-      "version": "0.8.1",
-      "resolved": "https://registry.npmjs.org/@cspotcode/source-map-support/-/source-map-support-0.8.1.tgz",
-      "integrity": "sha512-IchNf6dN4tHoMFIn/7OE8LWZ19Y6q/67Bmf6vnGREv8RSbBVb9LPJxEcnwrcwX6ixSvaiGoomAUvu4YSxXrVgw==",
+    "node_modules/@esbuild/win32-arm64": {
+      "version": "0.19.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.19.12.tgz",
+      "integrity": "sha512-URgtR1dJnmGvX864pn1B2YUYNzjmXkuJOIqG2HdU62MVS4EHpU2946OZoTMnRUHklGtJdJZ33QfzdjGACXhn1A==",
+      "cpu": [
+        "arm64"
+      ],
       "dev": true,
-      "dependencies": {
-        "@jridgewell/trace-mapping": "0.3.9"
-      },
+      "optional": true,
+      "os": [
+        "win32"
+      ],
       "engines": {
         "node": ">=12"
       }
     },
-    "node_modules/@cspotcode/source-map-support/node_modules/@jridgewell/trace-mapping": {
-      "version": "0.3.9",
-      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.9.tgz",
-      "integrity": "sha512-3Belt6tdc8bPgAtbcmdtNJlirVoTmEb5e2gC94PnkwEW9jI6CAHUeoG85tjWP5WquqfavoMtMwiG4P926ZKKuQ==",
+    "node_modules/@esbuild/win32-ia32": {
+      "version": "0.19.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.19.12.tgz",
+      "integrity": "sha512-+ZOE6pUkMOJfmxmBZElNOx72NKpIa/HFOMGzu8fqzQJ5kgf6aTGrcJaFsNiVMH4JKpMipyK+7k0n2UXN7a8YKQ==",
+      "cpu": [
+        "ia32"
+      ],
       "dev": true,
-      "dependencies": {
-        "@jridgewell/resolve-uri": "^3.0.3",
-        "@jridgewell/sourcemap-codec": "^1.4.10"
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
       }
     },
-    "node_modules/@emotion/is-prop-valid": {
-      "version": "0.8.8",
-      "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-0.8.8.tgz",
-      "integrity": "sha512-u5WtneEAr5IDG2Wv65yhunPSMLIpuKsbuOktRojfrEiEvRyC85LgPMZI63cr7NUqT8ZIGdSVg8ZKGxIug4lXcA==",
+    "node_modules/@esbuild/win32-x64": {
+      "version": "0.19.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.19.12.tgz",
+      "integrity": "sha512-T1QyPSDCyMXaO3pzBkF96E8xMkiRYbUEZADd29SyPGabqxMViNoii+NcK7eWJAEoU6RZyEm5lVSIjTmcdoB9HA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
       "optional": true,
-      "dependencies": {
-        "@emotion/memoize": "0.7.4"
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
       }
     },
-    "node_modules/@emotion/memoize": {
-      "version": "0.7.4",
-      "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.7.4.tgz",
-      "integrity": "sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==",
-      "optional": true
-    },
     "node_modules/@eslint-community/eslint-utils": {
       "version": "4.4.0",
       "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz",
@@ -1436,15 +2224,6 @@
         "@jridgewell/sourcemap-codec": "^1.4.14"
       }
     },
-    "node_modules/@mongodb-js/saslprep": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@mongodb-js/saslprep/-/saslprep-1.1.1.tgz",
-      "integrity": "sha512-t7c5K033joZZMspnHg/gWPE4kandgc2OxE74aYOtGKfgB9VPuVJPix0H6fhmm2erj5PBJ21mqcx34lpIGtUCsQ==",
-      "optional": true,
-      "dependencies": {
-        "sparse-bitfield": "^3.0.3"
-      }
-    },
     "node_modules/@mswjs/cookies": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@mswjs/cookies/-/cookies-1.1.0.tgz",
@@ -1472,9 +2251,9 @@
       }
     },
     "node_modules/@next/env": {
-      "version": "13.5.6",
-      "resolved": "https://registry.npmjs.org/@next/env/-/env-13.5.6.tgz",
-      "integrity": "sha512-Yac/bV5sBGkkEXmAX5FWPS9Mmo2rthrOPRQQNfycJPkjUAUclomCPH7QFVCDQ4Mp2k2K1SSM6m0zrxYrOwtFQw=="
+      "version": "14.2.4",
+      "resolved": "https://registry.npmjs.org/@next/env/-/env-14.2.4.tgz",
+      "integrity": "sha512-3EtkY5VDkuV2+lNmKlbkibIJxcO4oIHEhBWne6PaAp+76J9KoSsGvNikp6ivzAT8dhhBMYrm6op2pS1ApG0Hzg=="
     },
     "node_modules/@next/eslint-plugin-next": {
       "version": "14.0.1",
@@ -1486,9 +2265,9 @@
       }
     },
     "node_modules/@next/swc-darwin-arm64": {
-      "version": "13.5.6",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-13.5.6.tgz",
-      "integrity": "sha512-5nvXMzKtZfvcu4BhtV0KH1oGv4XEW+B+jOfmBdpFI3C7FrB/MfujRpWYSBBO64+qbW8pkZiSyQv9eiwnn5VIQA==",
+      "version": "14.2.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-14.2.4.tgz",
+      "integrity": "sha512-AH3mO4JlFUqsYcwFUHb1wAKlebHU/Hv2u2kb1pAuRanDZ7pD/A/KPD98RHZmwsJpdHQwfEc/06mgpSzwrJYnNg==",
       "cpu": [
         "arm64"
       ],
@@ -1501,9 +2280,9 @@
       }
     },
     "node_modules/@next/swc-darwin-x64": {
-      "version": "13.5.6",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-13.5.6.tgz",
-      "integrity": "sha512-6cgBfxg98oOCSr4BckWjLLgiVwlL3vlLj8hXg2b+nDgm4bC/qVXXLfpLB9FHdoDu4057hzywbxKvmYGmi7yUzA==",
+      "version": "14.2.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-14.2.4.tgz",
+      "integrity": "sha512-QVadW73sWIO6E2VroyUjuAxhWLZWEpiFqHdZdoQ/AMpN9YWGuHV8t2rChr0ahy+irKX5mlDU7OY68k3n4tAZTg==",
       "cpu": [
         "x64"
       ],
@@ -1516,9 +2295,9 @@
       }
     },
     "node_modules/@next/swc-linux-arm64-gnu": {
-      "version": "13.5.6",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-13.5.6.tgz",
-      "integrity": "sha512-txagBbj1e1w47YQjcKgSU4rRVQ7uF29YpnlHV5xuVUsgCUf2FmyfJ3CPjZUvpIeXCJAoMCFAoGnbtX86BK7+sg==",
+      "version": "14.2.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-14.2.4.tgz",
+      "integrity": "sha512-KT6GUrb3oyCfcfJ+WliXuJnD6pCpZiosx2X3k66HLR+DMoilRb76LpWPGb4tZprawTtcnyrv75ElD6VncVamUQ==",
       "cpu": [
         "arm64"
       ],
@@ -1531,9 +2310,9 @@
       }
     },
     "node_modules/@next/swc-linux-arm64-musl": {
-      "version": "13.5.6",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-13.5.6.tgz",
-      "integrity": "sha512-cGd+H8amifT86ZldVJtAKDxUqeFyLWW+v2NlBULnLAdWsiuuN8TuhVBt8ZNpCqcAuoruoSWynvMWixTFcroq+Q==",
+      "version": "14.2.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-14.2.4.tgz",
+      "integrity": "sha512-Alv8/XGSs/ytwQcbCHwze1HmiIkIVhDHYLjczSVrf0Wi2MvKn/blt7+S6FJitj3yTlMwMxII1gIJ9WepI4aZ/A==",
       "cpu": [
         "arm64"
       ],
@@ -1546,9 +2325,9 @@
       }
     },
     "node_modules/@next/swc-linux-x64-gnu": {
-      "version": "13.5.6",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-13.5.6.tgz",
-      "integrity": "sha512-Mc2b4xiIWKXIhBy2NBTwOxGD3nHLmq4keFk+d4/WL5fMsB8XdJRdtUlL87SqVCTSaf1BRuQQf1HvXZcy+rq3Nw==",
+      "version": "14.2.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-14.2.4.tgz",
+      "integrity": "sha512-ze0ShQDBPCqxLImzw4sCdfnB3lRmN3qGMB2GWDRlq5Wqy4G36pxtNOo2usu/Nm9+V2Rh/QQnrRc2l94kYFXO6Q==",
       "cpu": [
         "x64"
       ],
@@ -1561,9 +2340,9 @@
       }
     },
     "node_modules/@next/swc-linux-x64-musl": {
-      "version": "13.5.6",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-13.5.6.tgz",
-      "integrity": "sha512-CFHvP9Qz98NruJiUnCe61O6GveKKHpJLloXbDSWRhqhkJdZD2zU5hG+gtVJR//tyW897izuHpM6Gtf6+sNgJPQ==",
+      "version": "14.2.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-14.2.4.tgz",
+      "integrity": "sha512-8dwC0UJoc6fC7PX70csdaznVMNr16hQrTDAMPvLPloazlcaWfdPogq+UpZX6Drqb1OBlwowz8iG7WR0Tzk/diQ==",
       "cpu": [
         "x64"
       ],
@@ -1576,9 +2355,9 @@
       }
     },
     "node_modules/@next/swc-win32-arm64-msvc": {
-      "version": "13.5.6",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-13.5.6.tgz",
-      "integrity": "sha512-aFv1ejfkbS7PUa1qVPwzDHjQWQtknzAZWGTKYIAaS4NMtBlk3VyA6AYn593pqNanlicewqyl2jUhQAaFV/qXsg==",
+      "version": "14.2.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-14.2.4.tgz",
+      "integrity": "sha512-jxyg67NbEWkDyvM+O8UDbPAyYRZqGLQDTPwvrBBeOSyVWW/jFQkQKQ70JDqDSYg1ZDdl+E3nkbFbq8xM8E9x8A==",
       "cpu": [
         "arm64"
       ],
@@ -1591,9 +2370,9 @@
       }
     },
     "node_modules/@next/swc-win32-ia32-msvc": {
-      "version": "13.5.6",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-13.5.6.tgz",
-      "integrity": "sha512-XqqpHgEIlBHvzwG8sp/JXMFkLAfGLqkbVsyN+/Ih1mR8INb6YCc2x/Mbwi6hsAgUnqQztz8cvEbHJUbSl7RHDg==",
+      "version": "14.2.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-14.2.4.tgz",
+      "integrity": "sha512-twrmN753hjXRdcrZmZttb/m5xaCBFa48Dt3FbeEItpJArxriYDunWxJn+QFXdJ3hPkm4u7CKxncVvnmgQMY1ag==",
       "cpu": [
         "ia32"
       ],
@@ -1606,9 +2385,9 @@
       }
     },
     "node_modules/@next/swc-win32-x64-msvc": {
-      "version": "13.5.6",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-13.5.6.tgz",
-      "integrity": "sha512-Cqfe1YmOS7k+5mGu92nl5ULkzpKuxJrP3+4AEuPmrpFZ3BHxTY3TnHmU1On3bFmFFs6FbTcdF58CCUProGpIGQ==",
+      "version": "14.2.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-14.2.4.tgz",
+      "integrity": "sha512-tkLrjBzqFTP8DVrAAQmZelEahfR9OxWpFR++vAI9FBhCiIxtwHwBHC23SBHCTURBtwB4kc/x44imVOnkKGNVGg==",
       "cpu": [
         "x64"
       ],
@@ -1742,11 +2521,17 @@
         "@sinonjs/commons": "^3.0.0"
       }
     },
+    "node_modules/@swc/counter": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/@swc/counter/-/counter-0.1.3.tgz",
+      "integrity": "sha512-e2BR4lsJkkRlKZ/qCHPw9ZaSxc0MVUd7gtbtaB7aMvHeJVYe8sOB8DBZkP2DtISHGSku9sCK6T6cnY0CtXrOCQ=="
+    },
     "node_modules/@swc/helpers": {
-      "version": "0.5.2",
-      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.2.tgz",
-      "integrity": "sha512-E4KcWTpoLHqwPHLxidpOqQbcrZVgi0rsmmZXUle1jXmJfuIf/UWpczUJ7MZZ5tlxytgJXyp0w4PGkkeLiuIdZw==",
+      "version": "0.5.5",
+      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.5.tgz",
+      "integrity": "sha512-KGYxvIOXcceOAbEk4bi/dVLEK9z8sZ0uBB3Il5b1rhfClSpcX0yfRO0KmTkqR2cnQDymwLB+25ZyMzICg/cm/A==",
       "dependencies": {
+        "@swc/counter": "^0.1.3",
         "tslib": "^2.4.0"
       }
     },
@@ -2105,7 +2890,8 @@
     "node_modules/@types/node": {
       "version": "20.5.6",
       "resolved": "https://registry.npmjs.org/@types/node/-/node-20.5.6.tgz",
-      "integrity": "sha512-Gi5wRGPbbyOTX+4Y2iULQ27oUPrefaB0PxGQJnfyWN3kvEDGM3mIB5M/gQLmitZf7A9FmLeaqxD3L1CXpm3VKQ=="
+      "integrity": "sha512-Gi5wRGPbbyOTX+4Y2iULQ27oUPrefaB0PxGQJnfyWN3kvEDGM3mIB5M/gQLmitZf7A9FmLeaqxD3L1CXpm3VKQ==",
+      "dev": true
     },
     "node_modules/@types/prop-types": {
       "version": "15.7.9",
@@ -2168,20 +2954,6 @@
       "integrity": "sha512-/Ad8+nIOV7Rl++6f1BdKxFSMgmoqEoYbHRpPcx3JEfv8VRsQe9Z4mCXeJBzxs7mbHY/XOZZuXlRNfhpVPbs6ZA==",
       "dev": true
     },
-    "node_modules/@types/webidl-conversions": {
-      "version": "7.0.2",
-      "resolved": "https://registry.npmjs.org/@types/webidl-conversions/-/webidl-conversions-7.0.2.tgz",
-      "integrity": "sha512-uNv6b/uGRLlCVmelat2rA8bcVd3k/42mV2EmjhPh6JLkd35T5bgwR/t6xy7a9MWhd9sixIeBUzhBenvk3NO+DQ=="
-    },
-    "node_modules/@types/whatwg-url": {
-      "version": "8.2.2",
-      "resolved": "https://registry.npmjs.org/@types/whatwg-url/-/whatwg-url-8.2.2.tgz",
-      "integrity": "sha512-FtQu10RWgn3D9U4aazdwIE2yzphmTJREDqNdODHrbrZmmMqI0vMheC/6NE/J1Yveaj8H+ela+YwWTjq5PGmuhA==",
-      "dependencies": {
-        "@types/node": "*",
-        "@types/webidl-conversions": "*"
-      }
-    },
     "node_modules/@types/yargs": {
       "version": "17.0.32",
       "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-17.0.32.tgz",
@@ -2819,11 +3591,6 @@
         "dequal": "^2.0.3"
       }
     },
-    "node_modules/b4a": {
-      "version": "1.6.4",
-      "resolved": "https://registry.npmjs.org/b4a/-/b4a-1.6.4.tgz",
-      "integrity": "sha512-fpWrvyVHEKyeEvbKZTVOeZF3VSKKWtJxFIxX/jaVPf+cLbGUSitjb49pHLqPV2BUNNZ0LcoeEGfE/YCpyDYHIw=="
-    },
     "node_modules/babel-jest": {
       "version": "29.7.0",
       "resolved": "https://registry.npmjs.org/babel-jest/-/babel-jest-29.7.0.tgz",
@@ -2950,6 +3717,7 @@
       "version": "1.5.1",
       "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
       "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==",
+      "dev": true,
       "funding": [
         {
           "type": "github",
@@ -2978,6 +3746,7 @@
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/bl/-/bl-4.1.0.tgz",
       "integrity": "sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==",
+      "dev": true,
       "dependencies": {
         "buffer": "^5.5.0",
         "inherits": "^2.0.4",
@@ -2995,12 +3764,12 @@
       }
     },
     "node_modules/braces": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
-      "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
       "dev": true,
       "dependencies": {
-        "fill-range": "^7.0.1"
+        "fill-range": "^7.1.1"
       },
       "engines": {
         "node": ">=8"
@@ -3063,6 +3832,7 @@
       "version": "5.7.1",
       "resolved": "https://registry.npmjs.org/buffer/-/buffer-5.7.1.tgz",
       "integrity": "sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==",
+      "dev": true,
       "funding": [
         {
           "type": "github",
@@ -3146,9 +3916,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001559",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001559.tgz",
-      "integrity": "sha512-cPiMKZgqgkg5LY3/ntGeLFUpi6tzddBNS58A4tnTgQw1zON7u2sZMU7SzOeVH4tj20++9ggL+V6FDOFMTaFFYA==",
+      "version": "1.0.30001636",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001636.tgz",
+      "integrity": "sha512-bMg2vmr8XBsbL6Lr0UHXy/21m84FTxDLWn2FSqMd5PrlbMxwJlQnC2YWYxVgp66PZE+BBNF2jYQUBKCo1FDeZg==",
       "funding": [
         {
           "type": "opencollective",
@@ -3234,11 +4004,6 @@
         "node": ">= 6"
       }
     },
-    "node_modules/chownr": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/chownr/-/chownr-1.1.4.tgz",
-      "integrity": "sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg=="
-    },
     "node_modules/ci-info": {
       "version": "3.9.0",
       "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-3.9.0.tgz",
@@ -3337,22 +4102,11 @@
       "integrity": "sha512-lHl4d5/ONEbLlJvaJNtsF/Lz+WvB07u2ycqTYbdrq7UypDXailES4valYb2eWiJFxZlVmpGekfqoxQhzyFdT4Q==",
       "dev": true
     },
-    "node_modules/color": {
-      "version": "4.2.3",
-      "resolved": "https://registry.npmjs.org/color/-/color-4.2.3.tgz",
-      "integrity": "sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A==",
-      "dependencies": {
-        "color-convert": "^2.0.1",
-        "color-string": "^1.9.0"
-      },
-      "engines": {
-        "node": ">=12.5.0"
-      }
-    },
     "node_modules/color-convert": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
       "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
       "dependencies": {
         "color-name": "~1.1.4"
       },
@@ -3363,16 +4117,8 @@
     "node_modules/color-name": {
       "version": "1.1.4",
       "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
-    },
-    "node_modules/color-string": {
-      "version": "1.9.1",
-      "resolved": "https://registry.npmjs.org/color-string/-/color-string-1.9.1.tgz",
-      "integrity": "sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==",
-      "dependencies": {
-        "color-name": "^1.0.0",
-        "simple-swizzle": "^0.2.2"
-      }
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true
     },
     "node_modules/combined-stream": {
       "version": "1.0.8",
@@ -3535,6 +4281,7 @@
       "version": "4.3.4",
       "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
       "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+      "dev": true,
       "dependencies": {
         "ms": "2.1.2"
       },
@@ -3553,20 +4300,6 @@
       "integrity": "sha512-VBBaLc1MgL5XpzgIP7ny5Z6Nx3UrRkIViUkPUdtl9aya5amy3De1gsUUSB1g3+3sExYNjCAsAznmukyxCb1GRA==",
       "dev": true
     },
-    "node_modules/decompress-response": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/decompress-response/-/decompress-response-6.0.0.tgz",
-      "integrity": "sha512-aW35yZM6Bb/4oJlZncMH2LCoZtJXTRxES17vE3hoRiowU2kWHaJKFkSBDnDR+cm9J+9QhXmREyIfv0pji9ejCQ==",
-      "dependencies": {
-        "mimic-response": "^3.1.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/dedent": {
       "version": "1.5.1",
       "resolved": "https://registry.npmjs.org/dedent/-/dedent-1.5.1.tgz",
@@ -3613,14 +4346,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/deep-extend": {
-      "version": "0.6.0",
-      "resolved": "https://registry.npmjs.org/deep-extend/-/deep-extend-0.6.0.tgz",
-      "integrity": "sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==",
-      "engines": {
-        "node": ">=4.0.0"
-      }
-    },
     "node_modules/deep-is": {
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
@@ -3696,14 +4421,6 @@
         "node": ">=6"
       }
     },
-    "node_modules/detect-libc": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.2.tgz",
-      "integrity": "sha512-UX6sGumvvqSaXgdKGUsgZWqcUyIXZ/vZTrlRT/iobiKhGL0zL4d3osHj3uqllWJK+i+sixDS/3COVEOFbupFyw==",
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/detect-newline": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/detect-newline/-/detect-newline-3.1.0.tgz",
@@ -3794,6 +4511,144 @@
         "node": ">=12"
       }
     },
+    "node_modules/dotenv": {
+      "version": "16.4.5",
+      "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.4.5.tgz",
+      "integrity": "sha512-ZmdL2rui+eB2YwhsWzjInR8LldtZHGDoQ1ugH85ppHKwpUHL7j7rN0Ti9NCnGiQbhaZ11FpR+7ao1dNsmduNUg==",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://dotenvx.com"
+      }
+    },
+    "node_modules/drizzle-kit": {
+      "version": "0.22.7",
+      "resolved": "https://registry.npmjs.org/drizzle-kit/-/drizzle-kit-0.22.7.tgz",
+      "integrity": "sha512-9THPCb2l1GPt7wxhws9LvTR0YG565ZlVgTuqGMwjs590Kch1pXu4GyjEArVijSF5m0OBj3qgdeKmuJXhKXgWFw==",
+      "dev": true,
+      "dependencies": {
+        "@esbuild-kit/esm-loader": "^2.5.5",
+        "esbuild": "^0.19.7",
+        "esbuild-register": "^3.5.0"
+      },
+      "bin": {
+        "drizzle-kit": "bin.cjs"
+      }
+    },
+    "node_modules/drizzle-orm": {
+      "version": "0.31.2",
+      "resolved": "https://registry.npmjs.org/drizzle-orm/-/drizzle-orm-0.31.2.tgz",
+      "integrity": "sha512-QnenevbnnAzmbNzQwbhklvIYrDE8YER8K7kSrAWQSV1YvFCdSQPzj+jzqRdTSsV2cDqSpQ0NXGyL1G9I43LDLg==",
+      "peerDependencies": {
+        "@aws-sdk/client-rds-data": ">=3",
+        "@cloudflare/workers-types": ">=3",
+        "@electric-sql/pglite": ">=0.1.1",
+        "@libsql/client": "*",
+        "@neondatabase/serverless": ">=0.1",
+        "@op-engineering/op-sqlite": ">=2",
+        "@opentelemetry/api": "^1.4.1",
+        "@planetscale/database": ">=1",
+        "@tidbcloud/serverless": "*",
+        "@types/better-sqlite3": "*",
+        "@types/pg": "*",
+        "@types/react": ">=18",
+        "@types/sql.js": "*",
+        "@vercel/postgres": ">=0.8.0",
+        "@xata.io/client": "*",
+        "better-sqlite3": ">=7",
+        "bun-types": "*",
+        "expo-sqlite": ">=13.2.0",
+        "knex": "*",
+        "kysely": "*",
+        "mysql2": ">=2",
+        "pg": ">=8",
+        "postgres": ">=3",
+        "react": ">=18",
+        "sql.js": ">=1",
+        "sqlite3": ">=5"
+      },
+      "peerDependenciesMeta": {
+        "@aws-sdk/client-rds-data": {
+          "optional": true
+        },
+        "@cloudflare/workers-types": {
+          "optional": true
+        },
+        "@electric-sql/pglite": {
+          "optional": true
+        },
+        "@libsql/client": {
+          "optional": true
+        },
+        "@neondatabase/serverless": {
+          "optional": true
+        },
+        "@op-engineering/op-sqlite": {
+          "optional": true
+        },
+        "@opentelemetry/api": {
+          "optional": true
+        },
+        "@planetscale/database": {
+          "optional": true
+        },
+        "@tidbcloud/serverless": {
+          "optional": true
+        },
+        "@types/better-sqlite3": {
+          "optional": true
+        },
+        "@types/pg": {
+          "optional": true
+        },
+        "@types/react": {
+          "optional": true
+        },
+        "@types/sql.js": {
+          "optional": true
+        },
+        "@vercel/postgres": {
+          "optional": true
+        },
+        "@xata.io/client": {
+          "optional": true
+        },
+        "better-sqlite3": {
+          "optional": true
+        },
+        "bun-types": {
+          "optional": true
+        },
+        "expo-sqlite": {
+          "optional": true
+        },
+        "knex": {
+          "optional": true
+        },
+        "kysely": {
+          "optional": true
+        },
+        "mysql2": {
+          "optional": true
+        },
+        "pg": {
+          "optional": true
+        },
+        "postgres": {
+          "optional": true
+        },
+        "react": {
+          "optional": true
+        },
+        "sql.js": {
+          "optional": true
+        },
+        "sqlite3": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/ecdsa-sig-formatter": {
       "version": "1.0.11",
       "resolved": "https://registry.npmjs.org/ecdsa-sig-formatter/-/ecdsa-sig-formatter-1.0.11.tgz",
@@ -3826,14 +4681,6 @@
       "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
       "dev": true
     },
-    "node_modules/end-of-stream": {
-      "version": "1.4.4",
-      "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.4.tgz",
-      "integrity": "sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==",
-      "dependencies": {
-        "once": "^1.4.0"
-      }
-    },
     "node_modules/enhanced-resolve": {
       "version": "5.15.0",
       "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.15.0.tgz",
@@ -4003,6 +4850,56 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/esbuild": {
+      "version": "0.19.12",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.19.12.tgz",
+      "integrity": "sha512-aARqgq8roFBj054KvQr5f1sFu0D65G+miZRCuJyJ0G13Zwx7vRar5Zhn2tkQNzIXcBrNVsv/8stehpj+GAjgbg==",
+      "dev": true,
+      "hasInstallScript": true,
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "optionalDependencies": {
+        "@esbuild/aix-ppc64": "0.19.12",
+        "@esbuild/android-arm": "0.19.12",
+        "@esbuild/android-arm64": "0.19.12",
+        "@esbuild/android-x64": "0.19.12",
+        "@esbuild/darwin-arm64": "0.19.12",
+        "@esbuild/darwin-x64": "0.19.12",
+        "@esbuild/freebsd-arm64": "0.19.12",
+        "@esbuild/freebsd-x64": "0.19.12",
+        "@esbuild/linux-arm": "0.19.12",
+        "@esbuild/linux-arm64": "0.19.12",
+        "@esbuild/linux-ia32": "0.19.12",
+        "@esbuild/linux-loong64": "0.19.12",
+        "@esbuild/linux-mips64el": "0.19.12",
+        "@esbuild/linux-ppc64": "0.19.12",
+        "@esbuild/linux-riscv64": "0.19.12",
+        "@esbuild/linux-s390x": "0.19.12",
+        "@esbuild/linux-x64": "0.19.12",
+        "@esbuild/netbsd-x64": "0.19.12",
+        "@esbuild/openbsd-x64": "0.19.12",
+        "@esbuild/sunos-x64": "0.19.12",
+        "@esbuild/win32-arm64": "0.19.12",
+        "@esbuild/win32-ia32": "0.19.12",
+        "@esbuild/win32-x64": "0.19.12"
+      }
+    },
+    "node_modules/esbuild-register": {
+      "version": "3.5.0",
+      "resolved": "https://registry.npmjs.org/esbuild-register/-/esbuild-register-3.5.0.tgz",
+      "integrity": "sha512-+4G/XmakeBAsvJuDugJvtyF1x+XJT4FMocynNpxrvEBViirpfUn2PgNpCHedfWhF4WokNsO/OvMKrmJOIJsI5A==",
+      "dev": true,
+      "dependencies": {
+        "debug": "^4.3.4"
+      },
+      "peerDependencies": {
+        "esbuild": ">=0.12 <1"
+      }
+    },
     "node_modules/escalade": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
@@ -4535,17 +5432,9 @@
       "version": "0.1.2",
       "resolved": "https://registry.npmjs.org/exit/-/exit-0.1.2.tgz",
       "integrity": "sha512-Zk/eNKV2zbjpKzrsQ+n1G6poVbErQxJ0LBOJXaKZ1EViLzH+hrLu9cdXI4zw9dBQJslwBEpbQ2P1oS7nDxs6jQ==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/expand-template": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/expand-template/-/expand-template-2.0.3.tgz",
-      "integrity": "sha512-XYfuKMvj4O35f/pOXLObndIRvyQ+/+6AhODh+OKWj9S9498pHHn/IMszH+gt0fBCRWMNfk1ZSp5x3AifmnI2vg==",
+      "dev": true,
       "engines": {
-        "node": ">=6"
+        "node": ">= 0.8.0"
       }
     },
     "node_modules/expect": {
@@ -4595,11 +5484,6 @@
       "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
       "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q=="
     },
-    "node_modules/fast-fifo": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/fast-fifo/-/fast-fifo-1.3.2.tgz",
-      "integrity": "sha512-/d9sfos4yxzpwkDkuN7k2SqFKtYNmCTzgfEpz82x34IM9/zc8KGxQoXg1liNC/izpRM/MBdt44Nmx41ZWqk+FQ=="
-    },
     "node_modules/fast-glob": {
       "version": "3.3.1",
       "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.1.tgz",
@@ -4718,9 +5602,9 @@
       }
     },
     "node_modules/fill-range": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
-      "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
       "dev": true,
       "dependencies": {
         "to-regex-range": "^5.0.1"
@@ -4766,9 +5650,9 @@
       "dev": true
     },
     "node_modules/follow-redirects": {
-      "version": "1.15.5",
-      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.5.tgz",
-      "integrity": "sha512-vSFWUON1B+yAw1VN4xMfxgn5fTUiaOzAJCKBwIIgT/+7CuGy9+r+5gITvP62j3RmaD5Ph65UaERdOSRGUzZtgw==",
+      "version": "1.15.6",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.6.tgz",
+      "integrity": "sha512-wWN62YITEaOpSK584EZXJafH1AGpO8RVgElfkuXbTOrPX4fIfOyEpW/CsiNd8JdYrAoOvafRTOEnvsO++qCqFA==",
       "funding": [
         {
           "type": "individual",
@@ -4854,11 +5738,6 @@
         }
       }
     },
-    "node_modules/fs-constants": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/fs-constants/-/fs-constants-1.0.0.tgz",
-      "integrity": "sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow=="
-    },
     "node_modules/fs.realpath": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
@@ -4997,11 +5876,6 @@
         "url": "https://github.com/privatenumber/get-tsconfig?sponsor=1"
       }
     },
-    "node_modules/github-from-package": {
-      "version": "0.0.0",
-      "resolved": "https://registry.npmjs.org/github-from-package/-/github-from-package-0.0.0.tgz",
-      "integrity": "sha512-SyHy3T1v2NUXn29OsWdxmK6RwHD+vkj3v8en8AOBZ1wBQ/hCAQ5bAQTD02kW4W9tUp/3Qh6J8r9EvntiyCmOOw=="
-    },
     "node_modules/glob": {
       "version": "7.1.7",
       "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.7.tgz",
@@ -5034,11 +5908,6 @@
         "node": ">=10.13.0"
       }
     },
-    "node_modules/glob-to-regexp": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz",
-      "integrity": "sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw=="
-    },
     "node_modules/globals": {
       "version": "13.23.0",
       "resolved": "https://registry.npmjs.org/globals/-/globals-13.23.0.tgz",
@@ -5291,6 +6160,7 @@
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
       "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==",
+      "dev": true,
       "funding": [
         {
           "type": "github",
@@ -5381,12 +6251,8 @@
     "node_modules/inherits": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
-      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
-    },
-    "node_modules/ini": {
-      "version": "1.3.8",
-      "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
-      "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew=="
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+      "dev": true
     },
     "node_modules/inquirer": {
       "version": "8.2.6",
@@ -5450,11 +6316,6 @@
         "loose-envify": "^1.0.0"
       }
     },
-    "node_modules/ip": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/ip/-/ip-2.0.1.tgz",
-      "integrity": "sha512-lJUL9imLTNi1ZfXT+DU6rBBdbiKGBuay9B6xGSPVjUeQwaH1RIGqef8RZkUtHioLmSNpPR5M4HVKJGm1j8FWVQ=="
-    },
     "node_modules/is-arguments": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.1.1.tgz",
@@ -6846,9 +7707,9 @@
       }
     },
     "node_modules/jose": {
-      "version": "4.15.4",
-      "resolved": "https://registry.npmjs.org/jose/-/jose-4.15.4.tgz",
-      "integrity": "sha512-W+oqK4H+r5sITxfxpSU+MMdr/YSWGvgZMQDIsNoBDGGy4i7GBPTtvFKibQzW06n3U3TqHjhvBJsirShsEJ6eeQ==",
+      "version": "4.15.7",
+      "resolved": "https://registry.npmjs.org/jose/-/jose-4.15.7.tgz",
+      "integrity": "sha512-L7ioP+JAuZe8v+T5+zVI9Tx8LtU8BL7NxkyDFVMv+Qr3JW0jSoYDedLtodaXwfqMpeCyx4WXFNyu9tJt4WvC1A==",
       "funding": {
         "url": "https://github.com/sponsors/panva"
       }
@@ -7027,14 +7888,6 @@
         "safe-buffer": "^5.0.1"
       }
     },
-    "node_modules/kareem": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/kareem/-/kareem-2.5.1.tgz",
-      "integrity": "sha512-7jFxRVm+jD+rkq3kY0iZDJfsO2/t4BBPeEb2qKn2lR/9KhuksYk5hxzfRYWMPV8P/x2d0kHD306YyWLzjjH+uA==",
-      "engines": {
-        "node": ">=12.0.0"
-      }
-    },
     "node_modules/kdbush": {
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/kdbush/-/kdbush-4.0.2.tgz",
@@ -7258,12 +8111,6 @@
         "tmpl": "1.0.5"
       }
     },
-    "node_modules/memory-pager": {
-      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/memory-pager/-/memory-pager-1.5.0.tgz",
-      "integrity": "sha512-ZS4Bp4r/Zoeq6+NLJpP+0Zzm0pR8whtGPf1XExKLJBAczGMnSi3It14OiNCStjQjM6NU1okjQGSxgEZN8eBYKg==",
-      "optional": true
-    },
     "node_modules/merge-stream": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
@@ -7320,17 +8167,6 @@
         "node": ">=6"
       }
     },
-    "node_modules/mimic-response": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/mimic-response/-/mimic-response-3.1.0.tgz",
-      "integrity": "sha512-z0yWI+4FDrrweS8Zmt4Ej5HdJmky15+L2e6Wgn3+iK5fWzb6T3fhNFq2+MeTRb064c6Wr4N/wv0DzQTjNzHNGQ==",
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/min-indent": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/min-indent/-/min-indent-1.0.1.tgz",
@@ -7365,15 +8201,11 @@
       "version": "1.2.8",
       "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
       "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
+      "dev": true,
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/mkdirp-classic": {
-      "version": "0.5.3",
-      "resolved": "https://registry.npmjs.org/mkdirp-classic/-/mkdirp-classic-0.5.3.tgz",
-      "integrity": "sha512-gKLcREMhtuZRwRAfqP3RFW+TK4JqApVBtOIftVgjuABpAtpxhPGaDcfvbhNvD0B8iD1oUr/txX35NjcaY6Ns/A=="
-    },
     "node_modules/moment": {
       "version": "2.29.4",
       "resolved": "https://registry.npmjs.org/moment/-/moment-2.29.4.tgz",
@@ -7382,116 +8214,6 @@
         "node": "*"
       }
     },
-    "node_modules/mongodb": {
-      "version": "5.9.0",
-      "resolved": "https://registry.npmjs.org/mongodb/-/mongodb-5.9.0.tgz",
-      "integrity": "sha512-g+GCMHN1CoRUA+wb1Agv0TI4YTSiWr42B5ulkiAfLLHitGK1R+PkSAf3Lr5rPZwi/3F04LiaZEW0Kxro9Fi2TA==",
-      "dependencies": {
-        "bson": "^5.5.0",
-        "mongodb-connection-string-url": "^2.6.0",
-        "socks": "^2.7.1"
-      },
-      "engines": {
-        "node": ">=14.20.1"
-      },
-      "optionalDependencies": {
-        "@mongodb-js/saslprep": "^1.1.0"
-      },
-      "peerDependencies": {
-        "@aws-sdk/credential-providers": "^3.188.0",
-        "@mongodb-js/zstd": "^1.0.0",
-        "kerberos": "^1.0.0 || ^2.0.0",
-        "mongodb-client-encryption": ">=2.3.0 <3",
-        "snappy": "^7.2.2"
-      },
-      "peerDependenciesMeta": {
-        "@aws-sdk/credential-providers": {
-          "optional": true
-        },
-        "@mongodb-js/zstd": {
-          "optional": true
-        },
-        "kerberos": {
-          "optional": true
-        },
-        "mongodb-client-encryption": {
-          "optional": true
-        },
-        "snappy": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/mongodb-connection-string-url": {
-      "version": "2.6.0",
-      "resolved": "https://registry.npmjs.org/mongodb-connection-string-url/-/mongodb-connection-string-url-2.6.0.tgz",
-      "integrity": "sha512-WvTZlI9ab0QYtTYnuMLgobULWhokRjtC7db9LtcVfJ+Hsnyr5eo6ZtNAt3Ly24XZScGMelOcGtm7lSn0332tPQ==",
-      "dependencies": {
-        "@types/whatwg-url": "^8.2.1",
-        "whatwg-url": "^11.0.0"
-      }
-    },
-    "node_modules/mongodb/node_modules/bson": {
-      "version": "5.5.1",
-      "resolved": "https://registry.npmjs.org/bson/-/bson-5.5.1.tgz",
-      "integrity": "sha512-ix0EwukN2EpC0SRWIj/7B5+A6uQMQy6KMREI9qQqvgpkV2frH63T0UDVd1SYedL6dNCmDBYB3QtXi4ISk9YT+g==",
-      "engines": {
-        "node": ">=14.20.1"
-      }
-    },
-    "node_modules/mongoose": {
-      "version": "7.6.4",
-      "resolved": "https://registry.npmjs.org/mongoose/-/mongoose-7.6.4.tgz",
-      "integrity": "sha512-kadPkS/f5iZJrrMxxOvSoOAErXmdnb28lMvHmuYgmV1ZQTpRqpp132PIPHkJMbG4OC2H0eSXYw/fNzYTH+LUcw==",
-      "dependencies": {
-        "bson": "^5.5.0",
-        "kareem": "2.5.1",
-        "mongodb": "5.9.0",
-        "mpath": "0.9.0",
-        "mquery": "5.0.0",
-        "ms": "2.1.3",
-        "sift": "16.0.1"
-      },
-      "engines": {
-        "node": ">=14.20.1"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/mongoose"
-      }
-    },
-    "node_modules/mongoose/node_modules/bson": {
-      "version": "5.5.1",
-      "resolved": "https://registry.npmjs.org/bson/-/bson-5.5.1.tgz",
-      "integrity": "sha512-ix0EwukN2EpC0SRWIj/7B5+A6uQMQy6KMREI9qQqvgpkV2frH63T0UDVd1SYedL6dNCmDBYB3QtXi4ISk9YT+g==",
-      "engines": {
-        "node": ">=14.20.1"
-      }
-    },
-    "node_modules/mongoose/node_modules/ms": {
-      "version": "2.1.3",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
-      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="
-    },
-    "node_modules/mpath": {
-      "version": "0.9.0",
-      "resolved": "https://registry.npmjs.org/mpath/-/mpath-0.9.0.tgz",
-      "integrity": "sha512-ikJRQTk8hw5DEoFVxHG1Gn9T/xcjtdnOKIU1JTmGjZZlg9LST2mBLmcX3/ICIbgJydT2GOc15RnNy5mHmzfSew==",
-      "engines": {
-        "node": ">=4.0.0"
-      }
-    },
-    "node_modules/mquery": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/mquery/-/mquery-5.0.0.tgz",
-      "integrity": "sha512-iQMncpmEK8R8ncT8HJGsGc9Dsp8xcgYMVSbs5jgnm1lFHTZqMJTUWTDx1LBO8+mK3tPNZWFLBghQEIOULSTHZg==",
-      "dependencies": {
-        "debug": "4.x"
-      },
-      "engines": {
-        "node": ">=14.0.0"
-      }
-    },
     "node_modules/ms": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
@@ -7575,9 +8297,9 @@
       }
     },
     "node_modules/nanoid": {
-      "version": "3.3.6",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz",
-      "integrity": "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==",
+      "version": "3.3.7",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz",
+      "integrity": "sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==",
       "funding": [
         {
           "type": "github",
@@ -7591,11 +8313,6 @@
         "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
       }
     },
-    "node_modules/napi-build-utils": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/napi-build-utils/-/napi-build-utils-1.0.2.tgz",
-      "integrity": "sha512-ONmRUqK7zj7DWX0D9ADe03wbwOBZxNAfF20PlGfCWQcD3+/MakShIHrMqx9YwPTfxDdF1zLeL+RGZiR9kGMLdg=="
-    },
     "node_modules/natural-compare": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
@@ -7603,37 +8320,38 @@
       "dev": true
     },
     "node_modules/next": {
-      "version": "13.5.6",
-      "resolved": "https://registry.npmjs.org/next/-/next-13.5.6.tgz",
-      "integrity": "sha512-Y2wTcTbO4WwEsVb4A8VSnOsG1I9ok+h74q0ZdxkwM3EODqrs4pasq7O0iUxbcS9VtWMicG7f3+HAj0r1+NtKSw==",
+      "version": "14.2.4",
+      "resolved": "https://registry.npmjs.org/next/-/next-14.2.4.tgz",
+      "integrity": "sha512-R8/V7vugY+822rsQGQCjoLhMuC9oFj9SOi4Cl4b2wjDrseD0LRZ10W7R6Czo4w9ZznVSshKjuIomsRjvm9EKJQ==",
       "dependencies": {
-        "@next/env": "13.5.6",
-        "@swc/helpers": "0.5.2",
+        "@next/env": "14.2.4",
+        "@swc/helpers": "0.5.5",
         "busboy": "1.6.0",
-        "caniuse-lite": "^1.0.30001406",
+        "caniuse-lite": "^1.0.30001579",
+        "graceful-fs": "^4.2.11",
         "postcss": "8.4.31",
-        "styled-jsx": "5.1.1",
-        "watchpack": "2.4.0"
+        "styled-jsx": "5.1.1"
       },
       "bin": {
         "next": "dist/bin/next"
       },
       "engines": {
-        "node": ">=16.14.0"
+        "node": ">=18.17.0"
       },
       "optionalDependencies": {
-        "@next/swc-darwin-arm64": "13.5.6",
-        "@next/swc-darwin-x64": "13.5.6",
-        "@next/swc-linux-arm64-gnu": "13.5.6",
-        "@next/swc-linux-arm64-musl": "13.5.6",
-        "@next/swc-linux-x64-gnu": "13.5.6",
-        "@next/swc-linux-x64-musl": "13.5.6",
-        "@next/swc-win32-arm64-msvc": "13.5.6",
-        "@next/swc-win32-ia32-msvc": "13.5.6",
-        "@next/swc-win32-x64-msvc": "13.5.6"
+        "@next/swc-darwin-arm64": "14.2.4",
+        "@next/swc-darwin-x64": "14.2.4",
+        "@next/swc-linux-arm64-gnu": "14.2.4",
+        "@next/swc-linux-arm64-musl": "14.2.4",
+        "@next/swc-linux-x64-gnu": "14.2.4",
+        "@next/swc-linux-x64-musl": "14.2.4",
+        "@next/swc-win32-arm64-msvc": "14.2.4",
+        "@next/swc-win32-ia32-msvc": "14.2.4",
+        "@next/swc-win32-x64-msvc": "14.2.4"
       },
       "peerDependencies": {
         "@opentelemetry/api": "^1.1.0",
+        "@playwright/test": "^1.41.2",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "sass": "^1.3.0"
@@ -7642,6 +8360,9 @@
         "@opentelemetry/api": {
           "optional": true
         },
+        "@playwright/test": {
+          "optional": true
+        },
         "sass": {
           "optional": true
         }
@@ -7706,22 +8427,6 @@
         }
       }
     },
-    "node_modules/node-abi": {
-      "version": "3.51.0",
-      "resolved": "https://registry.npmjs.org/node-abi/-/node-abi-3.51.0.tgz",
-      "integrity": "sha512-SQkEP4hmNWjlniS5zdnfIXTk1x7Ome85RDzHlTbBtzE97Gfwz/Ipw4v/Ryk20DWIy3yCNVLVlGKApCnmvYoJbA==",
-      "dependencies": {
-        "semver": "^7.3.5"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/node-addon-api": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-6.1.0.tgz",
-      "integrity": "sha512-+eawOlIgy680F0kBzPUNFhMZGtJ1YmqM6l4+Crf4IkImjYrO/mqPwRMh352g23uIaQKFItcQ64I7KMaJxHgAVA=="
-    },
     "node_modules/node-domexception": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/node-domexception/-/node-domexception-1.0.0.tgz",
@@ -7965,6 +8670,7 @@
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
       "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
+      "dev": true,
       "dependencies": {
         "wrappy": "1"
       }
@@ -8411,6 +9117,18 @@
       "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
       "dev": true
     },
+    "node_modules/postgres": {
+      "version": "3.4.4",
+      "resolved": "https://registry.npmjs.org/postgres/-/postgres-3.4.4.tgz",
+      "integrity": "sha512-IbyN+9KslkqcXa8AO9fxpk97PA4pzewvpi2B3Dwy9u4zpV32QicaEdgmF3eSQUzdRk7ttDHQejNgAEr4XoeH4A==",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "type": "individual",
+        "url": "https://github.com/sponsors/porsager"
+      }
+    },
     "node_modules/preact": {
       "version": "10.18.2",
       "resolved": "https://registry.npmjs.org/preact/-/preact-10.18.2.tgz",
@@ -8431,57 +9149,6 @@
         "preact": ">=10"
       }
     },
-    "node_modules/prebuild-install": {
-      "version": "7.1.1",
-      "resolved": "https://registry.npmjs.org/prebuild-install/-/prebuild-install-7.1.1.tgz",
-      "integrity": "sha512-jAXscXWMcCK8GgCoHOfIr0ODh5ai8mj63L2nWrjuAgXE6tDyYGnx4/8o/rCgU+B4JSyZBKbeZqzhtwtC3ovxjw==",
-      "dependencies": {
-        "detect-libc": "^2.0.0",
-        "expand-template": "^2.0.3",
-        "github-from-package": "0.0.0",
-        "minimist": "^1.2.3",
-        "mkdirp-classic": "^0.5.3",
-        "napi-build-utils": "^1.0.1",
-        "node-abi": "^3.3.0",
-        "pump": "^3.0.0",
-        "rc": "^1.2.7",
-        "simple-get": "^4.0.0",
-        "tar-fs": "^2.0.0",
-        "tunnel-agent": "^0.6.0"
-      },
-      "bin": {
-        "prebuild-install": "bin.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/prebuild-install/node_modules/tar-fs": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/tar-fs/-/tar-fs-2.1.1.tgz",
-      "integrity": "sha512-V0r2Y9scmbDRLCNex/+hYzvp/zyYjvFbHPNgVTKfQvVrb6guiE/fxP+XblDNR011utopbkex2nM4dHNV6GDsng==",
-      "dependencies": {
-        "chownr": "^1.1.1",
-        "mkdirp-classic": "^0.5.2",
-        "pump": "^3.0.0",
-        "tar-stream": "^2.1.4"
-      }
-    },
-    "node_modules/prebuild-install/node_modules/tar-stream": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/tar-stream/-/tar-stream-2.2.0.tgz",
-      "integrity": "sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==",
-      "dependencies": {
-        "bl": "^4.0.3",
-        "end-of-stream": "^1.4.1",
-        "fs-constants": "^1.0.0",
-        "inherits": "^2.0.3",
-        "readable-stream": "^3.1.1"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
     "node_modules/prelude-ls": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
@@ -8549,19 +9216,11 @@
       "integrity": "sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag==",
       "dev": true
     },
-    "node_modules/pump": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.0.tgz",
-      "integrity": "sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==",
-      "dependencies": {
-        "end-of-stream": "^1.1.0",
-        "once": "^1.3.1"
-      }
-    },
     "node_modules/punycode": {
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
       "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
+      "dev": true,
       "engines": {
         "node": ">=6"
       }
@@ -8608,33 +9267,6 @@
         }
       ]
     },
-    "node_modules/queue-tick": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/queue-tick/-/queue-tick-1.0.1.tgz",
-      "integrity": "sha512-kJt5qhMxoszgU/62PLP1CJytzd2NKetjSRnyuj31fDd3Rlcz3fzlFdFLD1SItunPwyqEOkca6GbV612BWfaBag=="
-    },
-    "node_modules/rc": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/rc/-/rc-1.2.8.tgz",
-      "integrity": "sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==",
-      "dependencies": {
-        "deep-extend": "^0.6.0",
-        "ini": "~1.3.0",
-        "minimist": "^1.2.0",
-        "strip-json-comments": "~2.0.1"
-      },
-      "bin": {
-        "rc": "cli.js"
-      }
-    },
-    "node_modules/rc/node_modules/strip-json-comments": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-2.0.1.tgz",
-      "integrity": "sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ==",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/react": {
       "version": "18.2.0",
       "resolved": "https://registry.npmjs.org/react/-/react-18.2.0.tgz",
@@ -8716,6 +9348,7 @@
       "version": "3.6.2",
       "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
       "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
+      "dev": true,
       "dependencies": {
         "inherits": "^2.0.3",
         "string_decoder": "^1.1.1",
@@ -9057,12 +9690,9 @@
       }
     },
     "node_modules/semver": {
-      "version": "7.5.4",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
-      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
-      "dependencies": {
-        "lru-cache": "^6.0.0"
-      },
+      "version": "7.6.2",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.2.tgz",
+      "integrity": "sha512-FNAIBWCx9qcRhoHcgcJ0gvU7SN1lYU2ZXuSfl04bSC5OpvDHFyJCjdNHomPXxjQlCBU67YW64PzY7/VIEH7F2w==",
       "bin": {
         "semver": "bin/semver.js"
       },
@@ -9099,28 +9729,6 @@
         "node": ">= 0.4"
       }
     },
-    "node_modules/sharp": {
-      "version": "0.32.6",
-      "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.32.6.tgz",
-      "integrity": "sha512-KyLTWwgcR9Oe4d9HwCwNM2l7+J0dUQwn/yf7S0EnTtb0eVS4RxO0eUSvxPtzT4F3SY+C4K6fqdv/DO27sJ/v/w==",
-      "hasInstallScript": true,
-      "dependencies": {
-        "color": "^4.2.3",
-        "detect-libc": "^2.0.2",
-        "node-addon-api": "^6.1.0",
-        "prebuild-install": "^7.1.1",
-        "semver": "^7.5.4",
-        "simple-get": "^4.0.1",
-        "tar-fs": "^3.0.4",
-        "tunnel-agent": "^0.6.0"
-      },
-      "engines": {
-        "node": ">=14.15.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      }
-    },
     "node_modules/shebang-command": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
@@ -9156,73 +9764,12 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/sift": {
-      "version": "16.0.1",
-      "resolved": "https://registry.npmjs.org/sift/-/sift-16.0.1.tgz",
-      "integrity": "sha512-Wv6BjQ5zbhW7VFefWusVP33T/EM0vYikCaQ2qR8yULbsilAT8/wQaXvuQ3ptGLpoKx+lihJE3y2UTgKDyyNHZQ=="
-    },
     "node_modules/signal-exit": {
       "version": "3.0.7",
       "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
       "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
       "dev": true
     },
-    "node_modules/simple-concat": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/simple-concat/-/simple-concat-1.0.1.tgz",
-      "integrity": "sha512-cSFtAPtRhljv69IK0hTVZQ+OfE9nePi/rtJmw5UjHeVyVroEqJXP1sFztKUy1qU+xvz3u/sfYJLa947b7nAN2Q==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ]
-    },
-    "node_modules/simple-get": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/simple-get/-/simple-get-4.0.1.tgz",
-      "integrity": "sha512-brv7p5WgH0jmQJr1ZDDfKDOSeWWg+OVypG99A/5vYGPqJ6pxiaHLy8nxtFjBA7oMa01ebA9gfh1uMCFqOuXxvA==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ],
-      "dependencies": {
-        "decompress-response": "^6.0.0",
-        "once": "^1.3.1",
-        "simple-concat": "^1.0.0"
-      }
-    },
-    "node_modules/simple-swizzle": {
-      "version": "0.2.2",
-      "resolved": "https://registry.npmjs.org/simple-swizzle/-/simple-swizzle-0.2.2.tgz",
-      "integrity": "sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==",
-      "dependencies": {
-        "is-arrayish": "^0.3.1"
-      }
-    },
-    "node_modules/simple-swizzle/node_modules/is-arrayish": {
-      "version": "0.3.2",
-      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.3.2.tgz",
-      "integrity": "sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ=="
-    },
     "node_modules/sisteransi": {
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/sisteransi/-/sisteransi-1.0.5.tgz",
@@ -9238,28 +9785,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/smart-buffer": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/smart-buffer/-/smart-buffer-4.2.0.tgz",
-      "integrity": "sha512-94hK0Hh8rPqQl2xXc3HsaBoOXKV20MToPkcXvwbISWLEs+64sBq5kFgn2kJDHb1Pry9yrP0dxrCI9RRci7RXKg==",
-      "engines": {
-        "node": ">= 6.0.0",
-        "npm": ">= 3.0.0"
-      }
-    },
-    "node_modules/socks": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/socks/-/socks-2.7.1.tgz",
-      "integrity": "sha512-7maUZy1N7uo6+WVEX6psASxtNlKaNVMlGQKkG/63nEDdLOWNbiUMoLK7X4uYoLhQstau72mLgfEWcXcwsaHbYQ==",
-      "dependencies": {
-        "ip": "^2.0.0",
-        "smart-buffer": "^4.2.0"
-      },
-      "engines": {
-        "node": ">= 10.13.0",
-        "npm": ">= 3.0.0"
-      }
-    },
     "node_modules/source-map": {
       "version": "0.6.1",
       "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
@@ -9270,9 +9795,9 @@
       }
     },
     "node_modules/source-map-js": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
-      "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.0.tgz",
+      "integrity": "sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==",
       "engines": {
         "node": ">=0.10.0"
       }
@@ -9287,15 +9812,6 @@
         "source-map": "^0.6.0"
       }
     },
-    "node_modules/sparse-bitfield": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/sparse-bitfield/-/sparse-bitfield-3.0.3.tgz",
-      "integrity": "sha512-kvzhi7vqKTfkh0PZU+2D2PIllw2ymqJKujUcyPMd9Y75Nv4nPbGJZXNhxsgdQab2BmlDct1YnfQCguEvHr7VsQ==",
-      "optional": true,
-      "dependencies": {
-        "memory-pager": "^1.0.2"
-      }
-    },
     "node_modules/sprintf-js": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
@@ -9352,15 +9868,6 @@
         "node": ">=10.0.0"
       }
     },
-    "node_modules/streamx": {
-      "version": "2.15.5",
-      "resolved": "https://registry.npmjs.org/streamx/-/streamx-2.15.5.tgz",
-      "integrity": "sha512-9thPGMkKC2GctCzyCUjME3yR03x2xNo0GPKGkRw2UMYN+gqWa9uqpyNWhmsNCutU5zHmkUum0LsCRQTXUgUCAg==",
-      "dependencies": {
-        "fast-fifo": "^1.1.0",
-        "queue-tick": "^1.0.1"
-      }
-    },
     "node_modules/strict-event-emitter": {
       "version": "0.5.1",
       "resolved": "https://registry.npmjs.org/strict-event-emitter/-/strict-event-emitter-0.5.1.tgz",
@@ -9371,6 +9878,7 @@
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
       "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
+      "dev": true,
       "dependencies": {
         "safe-buffer": "~5.2.0"
       }
@@ -9527,28 +10035,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/styled-jsx": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.1.2.tgz",
-      "integrity": "sha512-FI5r0a5ED2/+DSdG2ZRz3a4FtNQnKPLadauU5v76a9QsscwZrWggQKOmyxGGP5EWKbyY3bsuWAJYzyKaDAVAcw==",
-      "dependencies": {
-        "client-only": "0.0.1"
-      },
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "peerDependencies": {
-        "react": ">= 16.8.0 || 17.x.x || ^18.0.0-0"
-      },
-      "peerDependenciesMeta": {
-        "@babel/core": {
-          "optional": true
-        },
-        "babel-plugin-macros": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/sucrase": {
       "version": "3.34.0",
       "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.34.0.tgz",
@@ -9696,26 +10182,6 @@
         "node": ">=6"
       }
     },
-    "node_modules/tar-fs": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/tar-fs/-/tar-fs-3.0.4.tgz",
-      "integrity": "sha512-5AFQU8b9qLfZCX9zp2duONhPmZv0hGYiBPJsyUdqMjzq/mqVpy/rEUSeHk1+YitmxugaptgBh5oDGU3VsAJq4w==",
-      "dependencies": {
-        "mkdirp-classic": "^0.5.2",
-        "pump": "^3.0.0",
-        "tar-stream": "^3.1.5"
-      }
-    },
-    "node_modules/tar-stream": {
-      "version": "3.1.6",
-      "resolved": "https://registry.npmjs.org/tar-stream/-/tar-stream-3.1.6.tgz",
-      "integrity": "sha512-B/UyjYwPpMBv+PaFSWAmtYjwdrlEaZQEhMIBFNC5oEG8lpiW8XjcSdmEaClj28ArfKScKHs2nshz3k2le6crsg==",
-      "dependencies": {
-        "b4a": "^1.6.4",
-        "fast-fifo": "^1.2.0",
-        "streamx": "^2.15.0"
-      }
-    },
     "node_modules/test-exclude": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/test-exclude/-/test-exclude-6.0.0.tgz",
@@ -9821,6 +10287,7 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/tr46/-/tr46-3.0.0.tgz",
       "integrity": "sha512-l7FvfAHlcmulp8kr+flpQZmVwtu7nfRV7NZujtN0OqES8EL4O4e0qqzL0DC5gAvx/ZC/9lk6rhcUwYvkBnBnYA==",
+      "dev": true,
       "dependencies": {
         "punycode": "^2.1.1"
       },
@@ -9988,17 +10455,6 @@
       "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==",
       "dev": true
     },
-    "node_modules/tunnel-agent": {
-      "version": "0.6.0",
-      "resolved": "https://registry.npmjs.org/tunnel-agent/-/tunnel-agent-0.6.0.tgz",
-      "integrity": "sha512-McnNiV1l8RYeY8tBgEpuodCC1mLUdbSN+CYBL7kJsJNInOP8UjDDEwdk6Mw60vdLLrr5NHKZhMAOSrR2NZuQ+w==",
-      "dependencies": {
-        "safe-buffer": "^5.0.1"
-      },
-      "engines": {
-        "node": "*"
-      }
-    },
     "node_modules/type-check": {
       "version": "0.4.0",
       "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
@@ -10126,9 +10582,9 @@
       }
     },
     "node_modules/undici": {
-      "version": "5.28.3",
-      "resolved": "https://registry.npmjs.org/undici/-/undici-5.28.3.tgz",
-      "integrity": "sha512-3ItfzbrhDlINjaP0duwnNsKpDQk3acHI3gVJ1z4fmwMK31k5G9OVIAMLSIaP6w4FaGkaAkN6zaQO9LUvZ1t7VA==",
+      "version": "5.28.4",
+      "resolved": "https://registry.npmjs.org/undici/-/undici-5.28.4.tgz",
+      "integrity": "sha512-72RFADWFqKmUb2hmmvNODKL3p9hcB6Gt2DOQMis1SEBaV6a4MH8soBvzg+95CYhCKPFedut2JY9bMfrDl9D23g==",
       "dev": true,
       "dependencies": {
         "@fastify/busboy": "^2.0.0"
@@ -10214,7 +10670,8 @@
     "node_modules/util-deprecate": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
-      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw=="
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+      "dev": true
     },
     "node_modules/uuid": {
       "version": "8.3.2",
@@ -10265,18 +10722,6 @@
         "makeerror": "1.0.12"
       }
     },
-    "node_modules/watchpack": {
-      "version": "2.4.0",
-      "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.0.tgz",
-      "integrity": "sha512-Lcvm7MGST/4fup+ifyKi2hjyIAwcdI4HRgtvTpIUxBRhB+RFtUh8XtDOxUfctVCnhVi+QQj49i91OyvzkJl6cg==",
-      "dependencies": {
-        "glob-to-regexp": "^0.4.1",
-        "graceful-fs": "^4.1.2"
-      },
-      "engines": {
-        "node": ">=10.13.0"
-      }
-    },
     "node_modules/wcwidth": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/wcwidth/-/wcwidth-1.0.1.tgz",
@@ -10299,6 +10744,7 @@
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-7.0.0.tgz",
       "integrity": "sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==",
+      "dev": true,
       "engines": {
         "node": ">=12"
       }
@@ -10334,6 +10780,7 @@
       "version": "11.0.0",
       "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-11.0.0.tgz",
       "integrity": "sha512-RKT8HExMpoYx4igMiVMY83lN6UeITKJlBQ+vR/8ZJ8OCdSiN3RwCq+9gH0+Xzj0+5IrM6i4j/6LuvzbZIQgEcQ==",
+      "dev": true,
       "dependencies": {
         "tr46": "^3.0.0",
         "webidl-conversions": "^7.0.0"
@@ -10453,7 +10900,8 @@
     "node_modules/wrappy": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
-      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ=="
+      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
+      "dev": true
     },
     "node_modules/write-file-atomic": {
       "version": "4.0.2",
@@ -10469,9 +10917,9 @@
       }
     },
     "node_modules/ws": {
-      "version": "8.14.2",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-8.14.2.tgz",
-      "integrity": "sha512-wEBG1ftX4jcglPxgFCMJmZ2PLtSbJ2Peg6TmpJFTbe9GZYOQCDPdMYu/Tm0/bGZkw8paZnJY45J4K2PZrLYq8g==",
+      "version": "8.17.1",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.17.1.tgz",
+      "integrity": "sha512-6XQFvXTkbfUOZOKKILFG1PDK2NDQs4azKQl26T0YS5CxqWLgXajbPZ+h4gZekJyRqFU8pvnbAbbs/3TgRPy+GQ==",
       "dev": true,
       "engines": {
         "node": ">=10.0.0"
diff --git a/package.json b/package.json
index 435cb89..ad23b6e 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "artsphere",
-  "version": "0.1.0",
+  "version": "1.1.0",
   "private": true,
   "scripts": {
     "dev": "next dev",
@@ -14,22 +14,22 @@
     "@heroicons/react": "^2.0.18",
     "@react-google-maps/api": "^2.19.2",
     "axios": "^1.5.0",
+    "dotenv": "^16.4.5",
+    "drizzle-orm": "^0.31.2",
     "framer-motion": "11.0.6",
     "jose": "^4.14.6",
     "jsonwebtoken": "^9.0.2",
     "moment": "^2.29.3",
-    "mongoose": "^7.4.5",
-    "next": "^13.4.19",
+    "next": "^14.2.4",
     "next-auth": "^4.23.1",
     "next-themes": "^0.2.1",
+    "postgres": "^3.4.4",
     "primereact": "^10.0.3",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-hot-toast": "^2.4.1",
     "react-moment": "^1.1.2",
     "recoil": "^0.7.7",
-    "sharp": "^0.32.6",
-    "styled-jsx": "^5.1.2",
     "swr": "^2.2.4",
     "use-places-autocomplete": "^4.0.1"
   },
@@ -42,6 +42,7 @@
     "@types/node": "20.5.6",
     "@types/react": "18.2.21",
     "autoprefixer": "^10.4.7",
+    "drizzle-kit": "^0.22.7",
     "eslint": "8.52.0",
     "eslint-config-next": "14.0.1",
     "eslint-plugin-jest-dom": "^5.1.0",
diff --git a/public/default-user-img.jpg b/public/default-user-img.jpg
new file mode 100644
index 0000000..1b60969
Binary files /dev/null and b/public/default-user-img.jpg differ
diff --git a/supabase/.gitignore b/supabase/.gitignore
new file mode 100644
index 0000000..a3ad880
--- /dev/null
+++ b/supabase/.gitignore
@@ -0,0 +1,4 @@
+# Supabase
+.branches
+.temp
+.env
diff --git a/supabase/migrations/0000_cuddly_ikaris.sql b/supabase/migrations/0000_cuddly_ikaris.sql
new file mode 100644
index 0000000..714b445
--- /dev/null
+++ b/supabase/migrations/0000_cuddly_ikaris.sql
@@ -0,0 +1,36 @@
+CREATE TABLE IF NOT EXISTS "posts" (
+	"_id" uuid PRIMARY KEY DEFAULT gen_random_uuid() NOT NULL,
+	"content" text DEFAULT '',
+	"authorID" uuid NOT NULL,
+	"category" text DEFAULT 'other',
+	"featured" boolean DEFAULT false,
+	"likes" uuid[] DEFAULT ,
+	"comments" json[] DEFAULT ,
+	"url" text DEFAULT '',
+	"created_at" timestamp DEFAULT now(),
+	"updated_at" timestamp DEFAULT now()
+);
+--> statement-breakpoint
+CREATE TABLE IF NOT EXISTS "users" (
+	"_id" uuid PRIMARY KEY DEFAULT gen_random_uuid() NOT NULL,
+	"name" text NOT NULL,
+	"username" text NOT NULL,
+	"email" text NOT NULL,
+	"image" text DEFAULT 'https://t3.ftcdn.net/jpg/05/16/27/58/360_F_516275801_f3Fsp17x6HQK0xQgDQEELoTuERO4SsWV.jpg',
+	"bio" text DEFAULT 'We dont know much about this user yet, but we are sure they are artistic!',
+	"followers" text[] DEFAULT ,
+	"following" text[] DEFAULT ,
+	"verified" boolean DEFAULT false,
+	"role" text DEFAULT 'user',
+	"likes" text[] DEFAULT ,
+	"created_at" timestamp DEFAULT now(),
+	"updated_at" timestamp DEFAULT now(),
+	CONSTRAINT "users_username_unique" UNIQUE("username"),
+	CONSTRAINT "users_email_unique" UNIQUE("email")
+);
+--> statement-breakpoint
+DO $$ BEGIN
+ ALTER TABLE "posts" ADD CONSTRAINT "posts_authorID_users_id_fk" FOREIGN KEY ("authorID") REFERENCES "public"."users"("id") ON DELETE no action ON UPDATE no action;
+EXCEPTION
+ WHEN duplicate_object THEN null;
+END $$;
diff --git a/supabase/migrations/0001_fat_carlie_cooper.sql b/supabase/migrations/0001_fat_carlie_cooper.sql
new file mode 100644
index 0000000..53229c9
--- /dev/null
+++ b/supabase/migrations/0001_fat_carlie_cooper.sql
@@ -0,0 +1 @@
+ALTER TABLE "users" ALTER COLUMN "likes" SET DATA TYPE uuid[];--> statement-breakpoint
diff --git a/supabase/migrations/0002_workable_bill_hollister.sql b/supabase/migrations/0002_workable_bill_hollister.sql
new file mode 100644
index 0000000..516c784
--- /dev/null
+++ b/supabase/migrations/0002_workable_bill_hollister.sql
@@ -0,0 +1,24 @@
+CREATE TABLE IF NOT EXISTS "events" (
+	"_id" uuid PRIMARY KEY DEFAULT gen_random_uuid() NOT NULL,
+	"title" text NOT NULL,
+	"description" text,
+	"image" text DEFAULT 'https://images.pexels.com/photos/2263436/pexels-photo-2263436.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2',
+	"date" date NOT NULL,
+	"location" text NOT NULL,
+	"token" text NOT NULL,
+	"verified" boolean DEFAULT false,
+	"coordinates" json DEFAULT '{"lat":0,"lng":0}'::json NOT NULL,
+	"link" text,
+	"organizer" uuid NOT NULL,
+	"attendees" json DEFAULT '{"userId":"","code":""}'::json,
+	"attendeesCount" integer DEFAULT 0,
+	"createdAt" timestamp DEFAULT now(),
+	"updatedAt" timestamp DEFAULT now()
+);
+--> statement-breakpoint
+CREATE INDEX "events_title_index" ON "events"("title");
+DO $$ BEGIN
+ ALTER TABLE "events" ADD CONSTRAINT "events_organizer_users__id_fk" FOREIGN KEY ("organizer") REFERENCES "public"."users"("_id") ON DELETE cascade ON UPDATE no action;
+EXCEPTION
+ WHEN duplicate_object THEN null;
+END $$;
diff --git a/supabase/migrations/meta/0000_snapshot.json b/supabase/migrations/meta/0000_snapshot.json
new file mode 100644
index 0000000..0515a32
--- /dev/null
+++ b/supabase/migrations/meta/0000_snapshot.json
@@ -0,0 +1,221 @@
+{
+  "id": "bae84a5f-8083-4322-a6ef-f045e4001110",
+  "prevId": "00000000-0000-0000-0000-000000000000",
+  "version": "7",
+  "dialect": "postgresql",
+  "tables": {
+    "public.posts": {
+      "name": "posts",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "uuid",
+          "primaryKey": true,
+          "notNull": true,
+          "default": "gen_random_uuid()"
+        },
+        "content": {
+          "name": "content",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "default": "''"
+        },
+        "authorID": {
+          "name": "authorID",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "category": {
+          "name": "category",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "default": "'other'"
+        },
+        "featured": {
+          "name": "featured",
+          "type": "boolean",
+          "primaryKey": false,
+          "notNull": false,
+          "default": false
+        },
+        "likes": {
+          "name": "likes",
+          "type": "uuid[]",
+          "primaryKey": false,
+          "notNull": false,
+          "default": []
+        },
+        "comments": {
+          "name": "comments",
+          "type": "json[]",
+          "primaryKey": false,
+          "notNull": false,
+          "default": []
+        },
+        "url": {
+          "name": "url",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "default": "''"
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": false,
+          "default": "now()"
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": false,
+          "default": "now()"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "posts_authorID_users_id_fk": {
+          "name": "posts_authorID_users_id_fk",
+          "tableFrom": "posts",
+          "tableTo": "users",
+          "columnsFrom": [
+            "authorID"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "public.users": {
+      "name": "users",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "uuid",
+          "primaryKey": true,
+          "notNull": true,
+          "default": "gen_random_uuid()"
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "username": {
+          "name": "username",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "email": {
+          "name": "email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "image": {
+          "name": "image",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "default": "'https://t3.ftcdn.net/jpg/05/16/27/58/360_F_516275801_f3Fsp17x6HQK0xQgDQEELoTuERO4SsWV.jpg'"
+        },
+        "bio": {
+          "name": "bio",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "default": "'We don't know much about this user yet, but we are sure they are artistic!'"
+        },
+        "followers": {
+          "name": "followers",
+          "type": "text[]",
+          "primaryKey": false,
+          "notNull": false,
+          "default": []
+        },
+        "following": {
+          "name": "following",
+          "type": "text[]",
+          "primaryKey": false,
+          "notNull": false,
+          "default": []
+        },
+        "verified": {
+          "name": "verified",
+          "type": "boolean",
+          "primaryKey": false,
+          "notNull": false,
+          "default": false
+        },
+        "role": {
+          "name": "role",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "default": "'user'"
+        },
+        "likes": {
+          "name": "likes",
+          "type": "text[]",
+          "primaryKey": false,
+          "notNull": false,
+          "default": []
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": false,
+          "default": "now()"
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": false,
+          "default": "now()"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {
+        "users_username_unique": {
+          "name": "users_username_unique",
+          "nullsNotDistinct": false,
+          "columns": [
+            "username"
+          ]
+        },
+        "users_email_unique": {
+          "name": "users_email_unique",
+          "nullsNotDistinct": false,
+          "columns": [
+            "email"
+          ]
+        }
+      }
+    }
+  },
+  "enums": {},
+  "schemas": {},
+  "_meta": {
+    "columns": {},
+    "schemas": {},
+    "tables": {}
+  }
+}
\ No newline at end of file
diff --git a/supabase/migrations/meta/0001_snapshot.json b/supabase/migrations/meta/0001_snapshot.json
new file mode 100644
index 0000000..61c635d
--- /dev/null
+++ b/supabase/migrations/meta/0001_snapshot.json
@@ -0,0 +1,221 @@
+{
+  "id": "d8f9da46-505b-42f8-b4eb-4ca8e82743c5",
+  "prevId": "bae84a5f-8083-4322-a6ef-f045e4001110",
+  "version": "7",
+  "dialect": "postgresql",
+  "tables": {
+    "public.posts": {
+      "name": "posts",
+      "schema": "",
+      "columns": {
+        "_id": {
+          "name": "_id",
+          "type": "uuid",
+          "primaryKey": true,
+          "notNull": true,
+          "default": "gen_random_uuid()"
+        },
+        "content": {
+          "name": "content",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "default": "''"
+        },
+        "authorID": {
+          "name": "authorID",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "category": {
+          "name": "category",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "default": "'other'"
+        },
+        "featured": {
+          "name": "featured",
+          "type": "boolean",
+          "primaryKey": false,
+          "notNull": false,
+          "default": false
+        },
+        "likes": {
+          "name": "likes",
+          "type": "uuid[]",
+          "primaryKey": false,
+          "notNull": false,
+          "default": []
+        },
+        "comments": {
+          "name": "comments",
+          "type": "json[]",
+          "primaryKey": false,
+          "notNull": false,
+          "default": []
+        },
+        "url": {
+          "name": "url",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "default": "''"
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": false,
+          "default": "now()"
+        },
+        "updatedAt": {
+          "name": "updatedAt",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": false,
+          "default": "now()"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "posts_authorID_users__id_fk": {
+          "name": "posts_authorID_users__id_fk",
+          "tableFrom": "posts",
+          "tableTo": "users",
+          "columnsFrom": [
+            "authorID"
+          ],
+          "columnsTo": [
+            "_id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "public.users": {
+      "name": "users",
+      "schema": "",
+      "columns": {
+        "_id": {
+          "name": "_id",
+          "type": "uuid",
+          "primaryKey": true,
+          "notNull": true,
+          "default": "gen_random_uuid()"
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "username": {
+          "name": "username",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "email": {
+          "name": "email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "image": {
+          "name": "image",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "default": "'https://t3.ftcdn.net/jpg/05/16/27/58/360_F_516275801_f3Fsp17x6HQK0xQgDQEELoTuERO4SsWV.jpg'"
+        },
+        "bio": {
+          "name": "bio",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "default": "'We don't know much about this user yet, but we are sure they are artistic!'"
+        },
+        "followers": {
+          "name": "followers",
+          "type": "text[]",
+          "primaryKey": false,
+          "notNull": false,
+          "default": []
+        },
+        "following": {
+          "name": "following",
+          "type": "text[]",
+          "primaryKey": false,
+          "notNull": false,
+          "default": []
+        },
+        "verified": {
+          "name": "verified",
+          "type": "boolean",
+          "primaryKey": false,
+          "notNull": false,
+          "default": false
+        },
+        "role": {
+          "name": "role",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "default": "'user'"
+        },
+        "likes": {
+          "name": "likes",
+          "type": "uuid[]",
+          "primaryKey": false,
+          "notNull": false,
+          "default": []
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": false,
+          "default": "now()"
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": false,
+          "default": "now()"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {
+        "users_username_unique": {
+          "name": "users_username_unique",
+          "nullsNotDistinct": false,
+          "columns": [
+            "username"
+          ]
+        },
+        "users_email_unique": {
+          "name": "users_email_unique",
+          "nullsNotDistinct": false,
+          "columns": [
+            "email"
+          ]
+        }
+      }
+    }
+  },
+  "enums": {},
+  "schemas": {},
+  "_meta": {
+    "columns": {},
+    "schemas": {},
+    "tables": {}
+  }
+}
\ No newline at end of file
diff --git a/supabase/migrations/meta/0002_snapshot.json b/supabase/migrations/meta/0002_snapshot.json
new file mode 100644
index 0000000..4c7cc4b
--- /dev/null
+++ b/supabase/migrations/meta/0002_snapshot.json
@@ -0,0 +1,343 @@
+{
+  "id": "87218b08-e1c6-49db-bbb3-b85df869d4c3",
+  "prevId": "d8f9da46-505b-42f8-b4eb-4ca8e82743c5",
+  "version": "7",
+  "dialect": "postgresql",
+  "tables": {
+    "public.events": {
+      "name": "events",
+      "schema": "",
+      "columns": {
+        "_id": {
+          "name": "_id",
+          "type": "uuid",
+          "primaryKey": true,
+          "notNull": true,
+          "default": "gen_random_uuid()"
+        },
+        "title": {
+          "name": "title",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "description": {
+          "name": "description",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "image": {
+          "name": "image",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "default": "'https://images.pexels.com/photos/2263436/pexels-photo-2263436.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2'"
+        },
+        "date": {
+          "name": "date",
+          "type": "date",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "location": {
+          "name": "location",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "token": {
+          "name": "token",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "verified": {
+          "name": "verified",
+          "type": "boolean",
+          "primaryKey": false,
+          "notNull": false,
+          "default": false
+        },
+        "coordinates": {
+          "name": "coordinates",
+          "type": "json",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "'{\"lat\":0,\"lng\":0}'::json"
+        },
+        "link": {
+          "name": "link",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "organizer": {
+          "name": "organizer",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "attendees": {
+          "name": "attendees",
+          "type": "json",
+          "primaryKey": false,
+          "notNull": false,
+          "default": "'{\"userId\":\"\",\"code\":\"\"}'::json"
+        },
+        "attendeesCount": {
+          "name": "attendeesCount",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "default": 0
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": false,
+          "default": "now()"
+        },
+        "updatedAt": {
+          "name": "updatedAt",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": false,
+          "default": "now()"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "events_organizer_users__id_fk": {
+          "name": "events_organizer_users__id_fk",
+          "tableFrom": "events",
+          "tableTo": "users",
+          "columnsFrom": [
+            "organizer"
+          ],
+          "columnsTo": [
+            "_id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "public.posts": {
+      "name": "posts",
+      "schema": "",
+      "columns": {
+        "_id": {
+          "name": "_id",
+          "type": "uuid",
+          "primaryKey": true,
+          "notNull": true,
+          "default": "gen_random_uuid()"
+        },
+        "content": {
+          "name": "content",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "default": "''"
+        },
+        "authorID": {
+          "name": "authorID",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "category": {
+          "name": "category",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "default": "'other'"
+        },
+        "featured": {
+          "name": "featured",
+          "type": "boolean",
+          "primaryKey": false,
+          "notNull": false,
+          "default": false
+        },
+        "likes": {
+          "name": "likes",
+          "type": "uuid[]",
+          "primaryKey": false,
+          "notNull": false,
+          "default": []
+        },
+        "comments": {
+          "name": "comments",
+          "type": "json[]",
+          "primaryKey": false,
+          "notNull": false,
+          "default": []
+        },
+        "url": {
+          "name": "url",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "default": "''"
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": false,
+          "default": "now()"
+        },
+        "updatedAt": {
+          "name": "updatedAt",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": false,
+          "default": "now()"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "posts_authorID_users__id_fk": {
+          "name": "posts_authorID_users__id_fk",
+          "tableFrom": "posts",
+          "tableTo": "users",
+          "columnsFrom": [
+            "authorID"
+          ],
+          "columnsTo": [
+            "_id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "public.users": {
+      "name": "users",
+      "schema": "",
+      "columns": {
+        "_id": {
+          "name": "_id",
+          "type": "uuid",
+          "primaryKey": true,
+          "notNull": true,
+          "default": "gen_random_uuid()"
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "username": {
+          "name": "username",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "email": {
+          "name": "email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "image": {
+          "name": "image",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "default": "'https://t3.ftcdn.net/jpg/05/16/27/58/360_F_516275801_f3Fsp17x6HQK0xQgDQEELoTuERO4SsWV.jpg'"
+        },
+        "bio": {
+          "name": "bio",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "default": "'We don't know much about this user yet, but we are sure they are artistic!'"
+        },
+        "followers": {
+          "name": "followers",
+          "type": "text[]",
+          "primaryKey": false,
+          "notNull": false,
+          "default": []
+        },
+        "following": {
+          "name": "following",
+          "type": "text[]",
+          "primaryKey": false,
+          "notNull": false,
+          "default": []
+        },
+        "verified": {
+          "name": "verified",
+          "type": "boolean",
+          "primaryKey": false,
+          "notNull": false,
+          "default": false
+        },
+        "role": {
+          "name": "role",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "default": "'user'"
+        },
+        "likes": {
+          "name": "likes",
+          "type": "uuid[]",
+          "primaryKey": false,
+          "notNull": false,
+          "default": []
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": false,
+          "default": "now()"
+        },
+        "updatedAt": {
+          "name": "updatedAt",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": false,
+          "default": "now()"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {
+        "users_username_unique": {
+          "name": "users_username_unique",
+          "nullsNotDistinct": false,
+          "columns": [
+            "username"
+          ]
+        },
+        "users_email_unique": {
+          "name": "users_email_unique",
+          "nullsNotDistinct": false,
+          "columns": [
+            "email"
+          ]
+        }
+      }
+    }
+  },
+  "enums": {},
+  "schemas": {},
+  "_meta": {
+    "columns": {},
+    "schemas": {},
+    "tables": {}
+  }
+}
\ No newline at end of file
diff --git a/supabase/migrations/meta/_journal.json b/supabase/migrations/meta/_journal.json
new file mode 100644
index 0000000..fd7caae
--- /dev/null
+++ b/supabase/migrations/meta/_journal.json
@@ -0,0 +1,27 @@
+{
+  "version": "7",
+  "dialect": "postgresql",
+  "entries": [
+    {
+      "idx": 0,
+      "version": "7",
+      "when": 1718136010136,
+      "tag": "0000_cuddly_ikaris",
+      "breakpoints": true
+    },
+    {
+      "idx": 1,
+      "version": "7",
+      "when": 1718215480259,
+      "tag": "0001_fat_carlie_cooper",
+      "breakpoints": true
+    },
+    {
+      "idx": 2,
+      "version": "7",
+      "when": 1718293708503,
+      "tag": "0002_workable_bill_hollister",
+      "breakpoints": true
+    }
+  ]
+}
\ No newline at end of file
diff --git a/supabase/seed.sql b/supabase/seed.sql
new file mode 100644
index 0000000..e69de29
diff --git a/tailwind.config.js b/tailwind.config.js
index 127611d..a331cb9 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -10,6 +10,10 @@ module.exports = {
       roboto: ["Roboto", "sans-serif"],
     },
     extend: {
+      transitionProperty: {
+        'width': 'width',
+      },
+
       colors: {
         primary: "#f8b591",
         secondary: "#faeeae",
diff --git a/tsconfig.json b/tsconfig.json
index c81c4a4..b5629ee 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,6 +1,5 @@
 {
   "compilerOptions": {
-
     "paths": {
       "@/*": ["./*"]
     },
@@ -19,10 +18,7 @@
     "resolveJsonModule": true,
     "isolatedModules": true,
     "jsx": "preserve",
-    "types": [
-      "jest",
-      "@testing-library/jest-dom"
-    ],
+    "types": ["jest", "@testing-library/jest-dom"],
     "plugins": [
       {
         "name": "next"
@@ -34,10 +30,13 @@
     "next-env.d.ts",
     "**/*.ts",
     "**/*.tsx",
-    "libs/mongodb.ts",
     ".next/types/**/*.ts",
     "app/api/auth/login.js",
-    "app/login/page.tsx"
-, "app/api/auth/[...nextauth]/route.ts", "jest.config.js", "jest.polyfills.js", "__tests__/Home.test.tsx"  ],
-  "exclude": ["node_modules"],
+    "app/login/page.tsx",
+    "app/api/auth/[...nextauth]/route.ts",
+    "jest.config.js",
+    "jest.polyfills.js",
+    "__tests__/Home.test.tsx"
+  ],
+  "exclude": ["node_modules"]
 }