From c5d96ec4c70c050fe1554a5bd021ec64979f4be5 Mon Sep 17 00:00:00 2001
From: nathan-j-edwards <nathanieljesseedwards@gmail.com>
Date: Wed, 21 Feb 2024 20:56:04 -0500
Subject: [PATCH 01/27] created page for popup

---
 src/app/private/[uid]/user/popup/page.tsx | 129 ++++++++++++++++++++++
 src/components/{ => user}/AddFile.tsx     |  21 +---
 src/pages/senior/[id].tsx                 |  44 ++++----
 3 files changed, 157 insertions(+), 37 deletions(-)
 create mode 100644 src/app/private/[uid]/user/popup/page.tsx
 rename src/components/{ => user}/AddFile.tsx (86%)

diff --git a/src/app/private/[uid]/user/popup/page.tsx b/src/app/private/[uid]/user/popup/page.tsx
new file mode 100644
index 00000000..9ba1952c
--- /dev/null
+++ b/src/app/private/[uid]/user/popup/page.tsx
@@ -0,0 +1,129 @@
+"use client";
+
+import type { GetServerSidePropsContext } from "next";
+import AddFile from "@components/user/AddFile";
+import { useState } from "react";
+import { prisma } from "@server/db/client";
+import { getServerAuthSession } from "@server/common/get-server-auth-session";
+import { z } from "zod";
+import { Approval } from "@prisma/client";
+
+// type ISeniorProfileProps = Awaited<
+//   ReturnType<typeof getServerSideProps>
+// >["props"] & {
+//   redirect: undefined;
+// };
+
+// type SerialzedFile = ISeniorProfileProps["senior"]["Files"][number];
+
+const AddFilePage = () => {
+  const [showAddFilePopUp, setShowAddFilePopUp] = useState<boolean>(false);
+  const handlePopUp = () => {
+    setShowAddFilePopUp(!showAddFilePopUp);
+  };
+  return (
+    <div>
+      {showAddFilePopUp ? (
+        <AddFile
+          showAddFilePopUp={showAddFilePopUp}
+          setShowAddFilePopUp={setShowAddFilePopUp}
+          seniorId={"65d6a19f5b3cabcd18dbe3b1"}
+          folder={"1d9z-eV5eTCOdiWP_dhIx5-O5NA82lC1_"}
+        />
+      ) : null}
+      <button
+        className="bg-blue relative flex aspect-square w-auto flex-col items-center justify-center 
+                           rounded text-base drop-shadow-md hover:bg-off-white"
+        onClick={handlePopUp}
+      >
+        hello
+      </button>
+    </div>
+  );
+};
+
+// export const getServerSideProps = async (
+//   context: GetServerSidePropsContext
+// ) => {
+//   const session = await getServerAuthSession(context);
+//   const seniorId = z.string().parse(context.query.id);
+
+//   if (!session || !session.user) {
+//     return {
+//       redirect: {
+//         destination: "/login",
+//         permanent: false,
+//       },
+//     };
+//   }
+
+//   if (!prisma) {
+//     return {
+//       redirect: {
+//         destination: "/",
+//         permanent: false,
+//       },
+//     };
+//   }
+
+//   const user = await prisma.user.findUnique({
+//     where: {
+//       id: session.user.id,
+//     },
+//   });
+
+//   if (!user) {
+//     return {
+//       redirect: {
+//         destination: "/",
+//         permanent: false,
+//       },
+//     };
+//   }
+
+//   if (user.approved === Approval.PENDING) {
+//     return {
+//       redirect: {
+//         destination: "/pending",
+//         permanent: false,
+//       },
+//     };
+//   }
+
+//   // await fetch ("/api/senior/" + seniorId, { method: "GET" });
+//   // TODO: not using our beautiful API routes??
+//   const senior = await prisma.senior.findUnique({
+//     where: {
+//       id: seniorId, //get all information for given senior
+//     },
+//     include: {
+//       Files: true,
+//     },
+//   });
+
+//   if (
+//     !senior ||
+//     (!user.admin && !senior.StudentIDs.includes(session.user.id))
+//   ) {
+//     return {
+//       redirect: {
+//         destination: "/",
+//         permanent: false,
+//       },
+//     };
+//   }
+
+//   return {
+//     props: {
+//       senior: {
+//         ...senior,
+//         Files: senior.Files.map((file) => ({
+//           ...file,
+//           lastModified: file.lastModified.getTime(),
+//         })),
+//       },
+//     },
+//   };
+// };
+
+export default AddFilePage;
diff --git a/src/components/AddFile.tsx b/src/components/user/AddFile.tsx
similarity index 86%
rename from src/components/AddFile.tsx
rename to src/components/user/AddFile.tsx
index e5f134af..3e28d151 100644
--- a/src/components/AddFile.tsx
+++ b/src/components/user/AddFile.tsx
@@ -1,3 +1,5 @@
+"use client";
+
 import React, { Dispatch, SetStateAction, useState } from "react";
 import FilterDropdown from "@components/FilterDropdown";
 import Tag, { TagProps, tagList } from "@components/Tag";
@@ -72,14 +74,11 @@ const AddFile = ({
   return (
     <>
       {showAddFilePopUp && (
-        <div className="absolute z-50 flex h-full w-screen flex-row items-start justify-center backdrop-blur-[2px] backdrop-brightness-75 md:w-full">
+        <div className="absolute z-50 flex h-full w-screen flex-row place-content-center items-start justify-center backdrop-blur-[2px] backdrop-brightness-75 md:w-full">
           {!confirm && !error ? (
-            <div className="mt-20 flex min-h-[650px] w-1/2 flex-col justify-between rounded-lg bg-white p-10">
+            <div className="font-merriweather mt-20 flex min-h-[650px] w-1/2 flex-col justify-between rounded-lg bg-[#22555A] p-10 text-white">
               <div>
-                <div className="mb-8 font-serif text-3xl">
-                  {" "}
-                  Create New File{" "}
-                </div>
+                <div className="mb-8 text-3xl"> Create New File </div>
                 <div className="text-neutral-600 mb-1 h-[34px] w-full font-sans text-lg">
                   File name
                 </div>
@@ -91,16 +90,6 @@ const AddFile = ({
                     setFilename(e.target.value)
                   }
                 />
-                <div className="text-neutral-600 mb-1 h-[34px] w-full text-lg">
-                  Description
-                </div>
-                <textarea
-                  className="mb-4 h-1/2 w-full rounded border-2 border-tan bg-off-white p-[12px] text-start text-base"
-                  placeholder=""
-                  onChange={(e: React.ChangeEvent<HTMLTextAreaElement>) =>
-                    setDescription(e.target.value)
-                  }
-                />
                 <TagSelector
                   selectedTags={selectedTags}
                   setSelectedTags={setSelectedTags}
diff --git a/src/pages/senior/[id].tsx b/src/pages/senior/[id].tsx
index 07d30136..da866e67 100644
--- a/src/pages/senior/[id].tsx
+++ b/src/pages/senior/[id].tsx
@@ -3,7 +3,7 @@ import type { GetServerSidePropsContext } from "next";
 import { useState } from "react";
 import FileTile from "@components/TileGrid/FileTile";
 import SearchBar from "@components/SearchBar";
-import AddFile from "@components/AddFile";
+import AddFile from "@components/user/AddFile";
 import TileGrid from "@components/TileGrid";
 import SortDropdown, { SortMethod } from "@components/SortDropdown";
 
@@ -58,13 +58,13 @@ const SeniorProfile = ({ senior }: ISeniorProfileProps) => {
         />
       ) : null}
       <div className="w-full p-8">
-        <h1 className="font-serif text-5xl leading-normal sm:text-center md:text-left mb-4">
+        <h1 className="mb-4 font-serif text-5xl leading-normal sm:text-center md:text-left">
           {senior.name}
           <h2 className="font-serif text-xl"> {senior.location} </h2>
         </h1>
-        <div className="w-full mb-8 border-solid bg-tan drop-shadow-md">
-          <p className="rounded bg-tan p-4 max-h-[100px] sm:text-lg md:text-md overflow-scroll">
-          {senior.description} 
+        <div className="mb-8 w-full border-solid bg-tan drop-shadow-md">
+          <p className="md:text-md max-h-[100px] overflow-scroll rounded bg-tan p-4 sm:text-lg">
+            {senior.description}
           </p>
         </div>
         <div className="flex flex-row justify-between space-x-3 align-middle">
@@ -78,22 +78,24 @@ const SeniorProfile = ({ senior }: ISeniorProfileProps) => {
         </div>
 
         <TileGrid>
-          <button className="relative w-auto flex flex-col aspect-square justify-center items-center rounded \ 
-                           bg-white hover:bg-off-white text-base drop-shadow-md"
-                onClick={handlePopUp}>
-          <div className="flex flex-col justify-end">
-            <Image
-              className="object-scale-down"
-              src={"/profile/addfile_icon.png"}
-              alt="Add file icon"
-              height={75}
-              width={75}
-            />
-          </div>
-          <div className="relative w-full p-2 flex flex-col text-center text-lg text-neutral-800">
-            Create New File
-          </div>
-        </button>
+          <button
+            className="\ relative flex aspect-square w-auto flex-col items-center justify-center rounded 
+                           bg-white text-base drop-shadow-md hover:bg-off-white"
+            onClick={handlePopUp}
+          >
+            <div className="flex flex-col justify-end">
+              <Image
+                className="object-scale-down"
+                src={"/profile/addfile_icon.png"}
+                alt="Add file icon"
+                height={75}
+                width={75}
+              />
+            </div>
+            <div className="text-neutral-800 relative flex w-full flex-col p-2 text-center text-lg">
+              Create New File
+            </div>
+          </button>
           {filteredFiles.map((file, key) => (
             <div key={key}>
               <FileTile

From 8107b43bc9f97e8de909f31c7fef9c9ec95c1be5 Mon Sep 17 00:00:00 2001
From: nathan-j-edwards <nathanieljesseedwards@gmail.com>
Date: Fri, 23 Feb 2024 23:37:02 -0500
Subject: [PATCH 02/27] minor styling changes

---
 src/components/user/AddFile.tsx | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/src/components/user/AddFile.tsx b/src/components/user/AddFile.tsx
index 3e28d151..fd08fbe9 100644
--- a/src/components/user/AddFile.tsx
+++ b/src/components/user/AddFile.tsx
@@ -20,9 +20,10 @@ const TagSelector = ({
 }) => {
   return (
     <div>
-      <div className="text-neutral-600 mb-1 h-[34px] w-full font-sans text-lg">
+      <div className="text-neutral-600 mb-1 h-[34px] w-full font-['merriweather'] text-xl">
         Tags
       </div>
+      <div className="text-lg font-thin">Select min of 1, max of 3</div>
       <FilterDropdown<TagProps>
         items={tagList}
         filterMatch={(tag, text) => tag.name.indexOf(text) != -1}
@@ -76,14 +77,14 @@ const AddFile = ({
       {showAddFilePopUp && (
         <div className="absolute z-50 flex h-full w-screen flex-row place-content-center items-start justify-center backdrop-blur-[2px] backdrop-brightness-75 md:w-full">
           {!confirm && !error ? (
-            <div className="font-merriweather mt-20 flex min-h-[650px] w-1/2 flex-col justify-between rounded-lg bg-[#22555A] p-10 text-white">
+            <div className="mt-20 flex min-h-[650px] min-w-[700px] flex-col justify-between rounded-[16px] bg-[#22555A] p-10 font-['merriweather'] text-white">
               <div>
-                <div className="mb-8 text-3xl"> Create New File </div>
-                <div className="text-neutral-600 mb-1 h-[34px] w-full font-sans text-lg">
-                  File name
+                <div className="mb-8 text-3xl font-bold"> Create New File </div>
+                <div className="text-neutral-600 mb-1 h-[34px] w-full text-xl">
+                  Select Date
                 </div>
                 <input
-                  className="mb-5 h-[46px] w-full rounded border-2 border-tan px-3"
+                  className="mb-5 h-[50px] w-full rounded border-2 border-tan px-3 text-xl text-[#22555A]"
                   type="text"
                   value={fileName}
                   onChange={(e: React.ChangeEvent<HTMLInputElement>) =>
@@ -98,13 +99,13 @@ const AddFile = ({
 
               <div className="flex w-full flex-row justify-center">
                 <button
-                  className="mx-2 my-4 w-full max-w-[10rem] rounded bg-off-white p-3 text-lg font-normal drop-shadow-md hover:bg-offer-white"
+                  className="mx-2 my-4 w-full max-w-[10rem] rounded-[16px] bg-white p-3 text-2xl font-normal text-[#22555A] drop-shadow-md hover:bg-offer-white"
                   onClick={handleCancel}
                 >
                   Cancel
                 </button>
                 <button
-                  className="bg-legacy-teal mx-2 my-4 w-full max-w-[10rem] rounded p-3 text-lg font-normal text-white drop-shadow-md hover:bg-dark-teal"
+                  className="bg-legacy-teal mx-2 my-4 w-full max-w-[10rem] rounded-[16px] bg-white p-3 text-2xl font-normal text-[#22555A] drop-shadow-md hover:bg-offer-white"
                   onClick={callAddFile}
                 >
                   Create

From 6e8927120a9f1766a82c779078544e815d8f77f2 Mon Sep 17 00:00:00 2001
From: nathan-j-edwards <nathanieljesseedwards@gmail.com>
Date: Fri, 23 Feb 2024 23:48:25 -0500
Subject: [PATCH 03/27] minor style changes

---
 src/components/user/AddFile.tsx | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/components/user/AddFile.tsx b/src/components/user/AddFile.tsx
index fd08fbe9..1010dd49 100644
--- a/src/components/user/AddFile.tsx
+++ b/src/components/user/AddFile.tsx
@@ -20,7 +20,7 @@ const TagSelector = ({
 }) => {
   return (
     <div>
-      <div className="text-neutral-600 mb-1 h-[34px] w-full font-['merriweather'] text-xl">
+      <div className="text-neutral-600 mb-1 h-[34px] w-full font-['merriweather'] text-2xl">
         Tags
       </div>
       <div className="text-lg font-thin">Select min of 1, max of 3</div>
@@ -79,12 +79,15 @@ const AddFile = ({
           {!confirm && !error ? (
             <div className="mt-20 flex min-h-[650px] min-w-[700px] flex-col justify-between rounded-[16px] bg-[#22555A] p-10 font-['merriweather'] text-white">
               <div>
-                <div className="mb-8 text-3xl font-bold"> Create New File </div>
-                <div className="text-neutral-600 mb-1 h-[34px] w-full text-xl">
+                <div className="mb-5 mt-4 text-3xl font-bold">
+                  {" "}
+                  Create New File{" "}
+                </div>
+                <div className="text-neutral-600 mb-3 h-[34px] w-full text-2xl font-thin">
                   Select Date
                 </div>
                 <input
-                  className="mb-5 h-[50px] w-full rounded border-2 border-tan px-3 text-xl text-[#22555A]"
+                  className="mb-4 h-[50px] w-full rounded border-2 border-tan px-3 text-xl text-[#22555A]"
                   type="text"
                   value={fileName}
                   onChange={(e: React.ChangeEvent<HTMLInputElement>) =>
@@ -99,13 +102,13 @@ const AddFile = ({
 
               <div className="flex w-full flex-row justify-center">
                 <button
-                  className="mx-2 my-4 w-full max-w-[10rem] rounded-[16px] bg-white p-3 text-2xl font-normal text-[#22555A] drop-shadow-md hover:bg-offer-white"
+                  className="mx-2 my-4 w-full max-w-[9rem] rounded-[16px] bg-white p-3 text-2xl font-medium text-[#22555A] drop-shadow-md hover:bg-offer-white"
                   onClick={handleCancel}
                 >
                   Cancel
                 </button>
                 <button
-                  className="bg-legacy-teal mx-2 my-4 w-full max-w-[10rem] rounded-[16px] bg-white p-3 text-2xl font-normal text-[#22555A] drop-shadow-md hover:bg-offer-white"
+                  className="bg-legacy-teal mx-2 my-4 w-full max-w-[9rem] rounded-[16px] bg-white p-3 text-2xl font-medium text-[#22555A] drop-shadow-md hover:bg-offer-white"
                   onClick={callAddFile}
                 >
                   Create

From e9d7d90396ce199343e06e746f05c3ba6894fb3b Mon Sep 17 00:00:00 2001
From: nathan-j-edwards <nathanieljesseedwards@gmail.com>
Date: Sat, 24 Feb 2024 22:30:21 -0500
Subject: [PATCH 04/27] created calandar component

---
 package-lock.json                    | 700 +++++++++++++++++++++------
 package.json                         |   4 +-
 src/components/user/AddFile.tsx      |   8 +-
 src/components/user/DateSelector.tsx |  17 +
 4 files changed, 585 insertions(+), 144 deletions(-)
 create mode 100644 src/components/user/DateSelector.tsx

diff --git a/package-lock.json b/package-lock.json
index 3c268809..da6a36c9 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -21,7 +21,7 @@
         "@next-auth/prisma-adapter": "^1.0.4",
         "@prisma/client": "^5.5.2",
         "@react-email/render": "^0.0.7",
-        "@sendgrid/mail": "^7.7.0",
+        "@sendgrid/mail": "^8.1.1",
         "classnames": "^2.3.2",
         "googleapis": "^117.0.0",
         "mongo": "^0.1.0",
@@ -29,6 +29,7 @@
         "next": "^13.5.3",
         "next-auth": "^4.12.3",
         "react": "^18.2.0",
+        "react-datepicker": "^6.1.0",
         "react-dom": "^18.2.0",
         "react-hook-form": "^7.48.2",
         "uuidv4": "^6.2.13",
@@ -38,6 +39,7 @@
       "devDependencies": {
         "@types/node": "18.0.0",
         "@types/react": "18.0.14",
+        "@types/react-datepicker": "^6.0.1",
         "@types/react-dom": "18.0.5",
         "@typescript-eslint/eslint-plugin": "^5.33.0",
         "@typescript-eslint/parser": "^5.33.0",
@@ -100,10 +102,26 @@
       "integrity": "sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==",
       "optional": true
     },
+    "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.18.20",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.18.20.tgz",
-      "integrity": "sha512-fyi7TDI/ijKKNZTUJAQqiG5T7YjJXgnzkURqmGj13C6dCqckZBLdl4h7bkhHt/t0WP+zO9/zwroDvANaOqO5Sw==",
+      "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"
       ],
@@ -117,9 +135,9 @@
       }
     },
     "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==",
+      "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"
       ],
@@ -133,9 +151,9 @@
       }
     },
     "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==",
+      "version": "0.19.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.19.12.tgz",
+      "integrity": "sha512-3k7ZoUW6Q6YqhdhIaq/WZ7HwBpnFBlW905Fa4s4qWJyiNOgT1dOqDiVAQFwBH7gBRZr17gLrlFCRzF6jFh7Kew==",
       "cpu": [
         "x64"
       ],
@@ -149,9 +167,9 @@
       }
     },
     "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==",
+      "version": "0.19.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.19.12.tgz",
+      "integrity": "sha512-B6IeSgZgtEzGC42jsI+YYu9Z3HKRxp8ZT3cqhvliEHovq8HSX2YX8lNocDn79gCKJXOSaEot9MVYky7AKjCs8g==",
       "cpu": [
         "arm64"
       ],
@@ -165,9 +183,9 @@
       }
     },
     "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==",
+      "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"
       ],
@@ -181,9 +199,9 @@
       }
     },
     "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==",
+      "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"
       ],
@@ -197,9 +215,9 @@
       }
     },
     "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==",
+      "version": "0.19.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.19.12.tgz",
+      "integrity": "sha512-EYoXZ4d8xtBoVN7CEwWY2IN4ho76xjYXqSXMNccFSx2lgqOG/1TBPW0yPx1bJZk94qu3tX0fycJeeQsKovA8gg==",
       "cpu": [
         "x64"
       ],
@@ -213,9 +231,9 @@
       }
     },
     "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==",
+      "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"
       ],
@@ -229,9 +247,9 @@
       }
     },
     "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==",
+      "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"
       ],
@@ -245,9 +263,9 @@
       }
     },
     "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==",
+      "version": "0.19.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.19.12.tgz",
+      "integrity": "sha512-Thsa42rrP1+UIGaWz47uydHSBOgTUnwBwNq59khgIwktK6x60Hivfbux9iNR0eHCHzOLjLMLfUMLCypBkZXMHA==",
       "cpu": [
         "ia32"
       ],
@@ -261,9 +279,9 @@
       }
     },
     "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==",
+      "version": "0.19.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.19.12.tgz",
+      "integrity": "sha512-LiXdXA0s3IqRRjm6rV6XaWATScKAXjI4R4LoDlvO7+yQqFdlr1Bax62sRwkVvRIrwXxvtYEHHI4dm50jAXkuAA==",
       "cpu": [
         "loong64"
       ],
@@ -277,9 +295,9 @@
       }
     },
     "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==",
+      "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"
       ],
@@ -293,9 +311,9 @@
       }
     },
     "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==",
+      "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"
       ],
@@ -309,9 +327,9 @@
       }
     },
     "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==",
+      "version": "0.19.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.19.12.tgz",
+      "integrity": "sha512-2MueBrlPQCw5dVJJpQdUYgeqIzDQgw3QtiAHUC4RBz9FXPrskyyU3VI1hw7C0BSKB9OduwSJ79FTCqtGMWqJHg==",
       "cpu": [
         "riscv64"
       ],
@@ -325,9 +343,9 @@
       }
     },
     "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==",
+      "version": "0.19.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.19.12.tgz",
+      "integrity": "sha512-+Pil1Nv3Umes4m3AZKqA2anfhJiVmNCYkPchwFJNEJN5QxmTs1uzyy4TvmDrCRNT2ApwSari7ZIgrPeUx4UZDg==",
       "cpu": [
         "s390x"
       ],
@@ -341,9 +359,9 @@
       }
     },
     "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==",
+      "version": "0.19.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.19.12.tgz",
+      "integrity": "sha512-B71g1QpxfwBvNrfyJdVDexenDIt1CiDN1TIXLbhOw0KhJzE78KIFGX6OJ9MrtC0oOqMWf+0xop4qEU8JrJTwCg==",
       "cpu": [
         "x64"
       ],
@@ -357,9 +375,9 @@
       }
     },
     "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==",
+      "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"
       ],
@@ -373,9 +391,9 @@
       }
     },
     "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==",
+      "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"
       ],
@@ -389,9 +407,9 @@
       }
     },
     "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==",
+      "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"
       ],
@@ -405,9 +423,9 @@
       }
     },
     "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==",
+      "version": "0.19.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.19.12.tgz",
+      "integrity": "sha512-URgtR1dJnmGvX864pn1B2YUYNzjmXkuJOIqG2HdU62MVS4EHpU2946OZoTMnRUHklGtJdJZ33QfzdjGACXhn1A==",
       "cpu": [
         "arm64"
       ],
@@ -421,9 +439,9 @@
       }
     },
     "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==",
+      "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"
       ],
@@ -437,9 +455,9 @@
       }
     },
     "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==",
+      "version": "0.19.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.19.12.tgz",
+      "integrity": "sha512-T1QyPSDCyMXaO3pzBkF96E8xMkiRYbUEZADd29SyPGabqxMViNoii+NcK7eWJAEoU6RZyEm5lVSIjTmcdoB9HA==",
       "cpu": [
         "x64"
       ],
@@ -508,14 +526,19 @@
       }
     },
     "node_modules/@floating-ui/dom": {
-      "version": "1.5.3",
-      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.5.3.tgz",
-      "integrity": "sha512-ClAbQnEqJAKCJOEbbLo5IUlZHkNszqhuxS4fHAVxRPXPya6Ysf2G8KypnYcOTpx6I8xcgF9bbHb6g/2KpbV8qA==",
+      "version": "1.6.3",
+      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.6.3.tgz",
+      "integrity": "sha512-RnDthu3mzPlQ31Ss/BTwQ1zjzIhr3lk1gZB1OC56h/1vEtaXkESrOqL5fQVMfXpwGtRwX+YsZBdyHtJMQnkArw==",
       "dependencies": {
-        "@floating-ui/core": "^1.4.2",
-        "@floating-ui/utils": "^0.1.3"
+        "@floating-ui/core": "^1.0.0",
+        "@floating-ui/utils": "^0.2.0"
       }
     },
+    "node_modules/@floating-ui/dom/node_modules/@floating-ui/utils": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.1.tgz",
+      "integrity": "sha512-9TANp6GPoMtYzQdt54kfAyMmz1+osLlXdg2ENroU7zzrtflTLrrC/lgrIfaSe+Wu0b89GKccT7vxXA0MoAIO+Q=="
+    },
     "node_modules/@floating-ui/react": {
       "version": "0.19.0",
       "resolved": "https://registry.npmjs.org/@floating-ui/react/-/react-0.19.0.tgz",
@@ -1067,6 +1090,175 @@
         "node": ">=16.0.0"
       }
     },
+    "node_modules/@rollup/rollup-android-arm-eabi": {
+      "version": "4.12.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.12.0.tgz",
+      "integrity": "sha512-+ac02NL/2TCKRrJu2wffk1kZ+RyqxVUlbjSagNgPm94frxtr+XDL12E5Ll1enWskLrtrZ2r8L3wED1orIibV/w==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@rollup/rollup-android-arm64": {
+      "version": "4.12.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.12.0.tgz",
+      "integrity": "sha512-OBqcX2BMe6nvjQ0Nyp7cC90cnumt8PXmO7Dp3gfAju/6YwG0Tj74z1vKrfRz7qAv23nBcYM8BCbhrsWqO7PzQQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@rollup/rollup-darwin-arm64": {
+      "version": "4.12.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.12.0.tgz",
+      "integrity": "sha512-X64tZd8dRE/QTrBIEs63kaOBG0b5GVEd3ccoLtyf6IdXtHdh8h+I56C2yC3PtC9Ucnv0CpNFJLqKFVgCYe0lOQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rollup/rollup-darwin-x64": {
+      "version": "4.12.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.12.0.tgz",
+      "integrity": "sha512-cc71KUZoVbUJmGP2cOuiZ9HSOP14AzBAThn3OU+9LcA1+IUqswJyR1cAJj3Mg55HbjZP6OLAIscbQsQLrpgTOg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
+      "version": "4.12.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.12.0.tgz",
+      "integrity": "sha512-a6w/Y3hyyO6GlpKL2xJ4IOh/7d+APaqLYdMf86xnczU3nurFTaVN9s9jOXQg97BE4nYm/7Ga51rjec5nfRdrvA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-gnu": {
+      "version": "4.12.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.12.0.tgz",
+      "integrity": "sha512-0fZBq27b+D7Ar5CQMofVN8sggOVhEtzFUwOwPppQt0k+VR+7UHMZZY4y+64WJ06XOhBTKXtQB/Sv0NwQMXyNAA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-musl": {
+      "version": "4.12.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.12.0.tgz",
+      "integrity": "sha512-eTvzUS3hhhlgeAv6bfigekzWZjaEX9xP9HhxB0Dvrdbkk5w/b+1Sxct2ZuDxNJKzsRStSq1EaEkVSEe7A7ipgQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-riscv64-gnu": {
+      "version": "4.12.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.12.0.tgz",
+      "integrity": "sha512-ix+qAB9qmrCRiaO71VFfY8rkiAZJL8zQRXveS27HS+pKdjwUfEhqo2+YF2oI+H/22Xsiski+qqwIBxVewLK7sw==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-gnu": {
+      "version": "4.12.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.12.0.tgz",
+      "integrity": "sha512-TenQhZVOtw/3qKOPa7d+QgkeM6xY0LtwzR8OplmyL5LrgTWIXpTQg2Q2ycBf8jm+SFW2Wt/DTn1gf7nFp3ssVA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-musl": {
+      "version": "4.12.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.12.0.tgz",
+      "integrity": "sha512-LfFdRhNnW0zdMvdCb5FNuWlls2WbbSridJvxOvYWgSBOYZtgBfW9UGNJG//rwMqTX1xQE9BAodvMH9tAusKDUw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-arm64-msvc": {
+      "version": "4.12.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.12.0.tgz",
+      "integrity": "sha512-JPDxovheWNp6d7AHCgsUlkuCKvtu3RB55iNEkaQcf0ttsDU/JZF+iQnYcQJSk/7PtT4mjjVG8N1kpwnI9SLYaw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-ia32-msvc": {
+      "version": "4.12.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.12.0.tgz",
+      "integrity": "sha512-fjtuvMWRGJn1oZacG8IPnzIV6GF2/XG+h71FKn76OYFqySXInJtseAqdprVTDTyqPxQOG9Exak5/E9Z3+EJ8ZA==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-x64-msvc": {
+      "version": "4.12.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.12.0.tgz",
+      "integrity": "sha512-ZYmr5mS2wd4Dew/JjT0Fqi2NPB/ZhZ2VvPp7SmvPZb4Y1CG/LRcS6tcRo2cYU7zLK5A7cdbhWnnWmUjoI4qapg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
     "node_modules/@rushstack/eslint-patch": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.4.0.tgz",
@@ -1086,38 +1278,38 @@
       }
     },
     "node_modules/@sendgrid/client": {
-      "version": "7.7.0",
-      "resolved": "https://registry.npmjs.org/@sendgrid/client/-/client-7.7.0.tgz",
-      "integrity": "sha512-SxH+y8jeAQSnDavrTD0uGDXYIIkFylCo+eDofVmZLQ0f862nnqbC3Vd1ej6b7Le7lboyzQF6F7Fodv02rYspuA==",
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/@sendgrid/client/-/client-8.1.1.tgz",
+      "integrity": "sha512-pg0gYhAdyQil3Aga7/xHVcZFpvDAjAQMNBgMy5njTSkjACoWHmpSi1nWBZM7nIH/ptcRNMpnBbm9B5EvQ8fX2w==",
       "dependencies": {
-        "@sendgrid/helpers": "^7.7.0",
-        "axios": "^0.26.0"
+        "@sendgrid/helpers": "^8.0.0",
+        "axios": "^1.6.4"
       },
       "engines": {
-        "node": "6.* || 8.* || >=10.*"
+        "node": ">=12.*"
       }
     },
     "node_modules/@sendgrid/helpers": {
-      "version": "7.7.0",
-      "resolved": "https://registry.npmjs.org/@sendgrid/helpers/-/helpers-7.7.0.tgz",
-      "integrity": "sha512-3AsAxfN3GDBcXoZ/y1mzAAbKzTtUZ5+ZrHOmWQ279AuaFXUNCh9bPnRpN504bgveTqoW+11IzPg3I0WVgDINpw==",
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/@sendgrid/helpers/-/helpers-8.0.0.tgz",
+      "integrity": "sha512-Ze7WuW2Xzy5GT5WRx+yEv89fsg/pgy3T1E3FS0QEx0/VvRmigMZ5qyVGhJz4SxomegDkzXv/i0aFPpHKN8qdAA==",
       "dependencies": {
         "deepmerge": "^4.2.2"
       },
       "engines": {
-        "node": ">= 6.0.0"
+        "node": ">= 12.0.0"
       }
     },
     "node_modules/@sendgrid/mail": {
-      "version": "7.7.0",
-      "resolved": "https://registry.npmjs.org/@sendgrid/mail/-/mail-7.7.0.tgz",
-      "integrity": "sha512-5+nApPE9wINBvHSUxwOxkkQqM/IAAaBYoP9hw7WwgDNQPxraruVqHizeTitVtKGiqWCKm2mnjh4XGN3fvFLqaw==",
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/@sendgrid/mail/-/mail-8.1.1.tgz",
+      "integrity": "sha512-tNtmgWLtBA7ZxKtPuEGOaIdEZP1vZSXsj5zg9iuoDBPVj/fNz+7LWzndvTcKumHk5eaDrS0UPXJqBm61m3+H1A==",
       "dependencies": {
-        "@sendgrid/client": "^7.7.0",
-        "@sendgrid/helpers": "^7.7.0"
+        "@sendgrid/client": "^8.1.1",
+        "@sendgrid/helpers": "^8.0.0"
       },
       "engines": {
-        "node": "6.* || 8.* || >=10.*"
+        "node": ">=12.*"
       }
     },
     "node_modules/@sinclair/typebox": {
@@ -1149,6 +1341,12 @@
         "@types/chai": "*"
       }
     },
+    "node_modules/@types/estree": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.5.tgz",
+      "integrity": "sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==",
+      "dev": true
+    },
     "node_modules/@types/json-schema": {
       "version": "7.0.13",
       "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.13.tgz",
@@ -1183,6 +1381,51 @@
         "csstype": "^3.0.2"
       }
     },
+    "node_modules/@types/react-datepicker": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/@types/react-datepicker/-/react-datepicker-6.0.1.tgz",
+      "integrity": "sha512-oAavACLXz+Vm6kO1XZe1/LQJClOO32UUv4xva9G16KQJ2hNROtXyeGzmRg6mktHrQ+YGLnnNlN6S/XykQE2HMA==",
+      "dev": true,
+      "dependencies": {
+        "@floating-ui/react": "^0.26.2",
+        "@types/react": "*",
+        "date-fns": "^3.3.1"
+      }
+    },
+    "node_modules/@types/react-datepicker/node_modules/@floating-ui/react": {
+      "version": "0.26.9",
+      "resolved": "https://registry.npmjs.org/@floating-ui/react/-/react-0.26.9.tgz",
+      "integrity": "sha512-p86wynZJVEkEq2BBjY/8p2g3biQ6TlgT4o/3KgFKyTWoJLU1GZ8wpctwRqtkEl2tseYA+kw7dBAIDFcednfI5w==",
+      "dev": true,
+      "dependencies": {
+        "@floating-ui/react-dom": "^2.0.8",
+        "@floating-ui/utils": "^0.2.1",
+        "tabbable": "^6.0.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.0",
+        "react-dom": ">=16.8.0"
+      }
+    },
+    "node_modules/@types/react-datepicker/node_modules/@floating-ui/react-dom": {
+      "version": "2.0.8",
+      "resolved": "https://registry.npmjs.org/@floating-ui/react-dom/-/react-dom-2.0.8.tgz",
+      "integrity": "sha512-HOdqOt3R3OGeTKidaLvJKcgg75S6tibQ3Tif4eyd91QnIJWr0NLvoXFpJA/j8HqkFSL68GDca9AuyWEHlhyClw==",
+      "dev": true,
+      "dependencies": {
+        "@floating-ui/dom": "^1.6.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.0",
+        "react-dom": ">=16.8.0"
+      }
+    },
+    "node_modules/@types/react-datepicker/node_modules/@floating-ui/utils": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.1.tgz",
+      "integrity": "sha512-9TANp6GPoMtYzQdt54kfAyMmz1+osLlXdg2ENroU7zzrtflTLrrC/lgrIfaSe+Wu0b89GKccT7vxXA0MoAIO+Q==",
+      "dev": true
+    },
     "node_modules/@types/react-dom": {
       "version": "18.0.5",
       "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.0.5.tgz",
@@ -1869,6 +2112,11 @@
         "has-symbols": "^1.0.3"
       }
     },
+    "node_modules/asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
+    },
     "node_modules/autoprefixer": {
       "version": "10.4.16",
       "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.16.tgz",
@@ -1928,11 +2176,13 @@
       }
     },
     "node_modules/axios": {
-      "version": "0.26.1",
-      "resolved": "https://registry.npmjs.org/axios/-/axios-0.26.1.tgz",
-      "integrity": "sha512-fPwcX4EvnSHuInCMItEhAGnaSEXRBjtzh9fOtsE6E1G6p7vl7edEeZe11QHf18+6+9gR5PbKV/sGKNaD8YaMeA==",
+      "version": "1.6.7",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.6.7.tgz",
+      "integrity": "sha512-/hDJGff6/c7u0hDkvkGxR/oy6CbCs8ziCsC7SqmhjfozqiJGc8Z11wrv9z9lYfY4K8l+H9TpjcMDX0xOZmx+RA==",
       "dependencies": {
-        "follow-redirects": "^1.14.8"
+        "follow-redirects": "^1.15.4",
+        "form-data": "^4.0.0",
+        "proxy-from-env": "^1.1.0"
       }
     },
     "node_modules/axobject-query": {
@@ -2234,6 +2484,17 @@
       "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
       "dev": true
     },
+    "node_modules/combined-stream": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "dependencies": {
+        "delayed-stream": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
     "node_modules/commander": {
       "version": "10.0.1",
       "resolved": "https://registry.npmjs.org/commander/-/commander-10.0.1.tgz",
@@ -2316,6 +2577,15 @@
       "integrity": "sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==",
       "dev": true
     },
+    "node_modules/date-fns": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-3.3.1.tgz",
+      "integrity": "sha512-y8e109LYGgoQDveiEBD3DYXKba1jWf5BA8YU1FL5Tvm0BTdEfy54WLCwnuYWZNnzzvALy/QQ4Hov+Q9RVRv+Zw==",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/kossnocorp"
+      }
+    },
     "node_modules/debug": {
       "version": "4.3.4",
       "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
@@ -2389,6 +2659,14 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
     "node_modules/dequal": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
@@ -2693,9 +2971,9 @@
       }
     },
     "node_modules/esbuild": {
-      "version": "0.18.20",
-      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.18.20.tgz",
-      "integrity": "sha512-ceqxoedUrcayh7Y7ZX6NdbbDzGROiyVBgC4PriJThBKSVPWnnFHZAkfI1lJT8QFkOwH4qOS2SJkS4wvpGl8BpA==",
+      "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": {
@@ -2705,28 +2983,29 @@
         "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"
+        "@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/escalade": {
@@ -3356,9 +3635,9 @@
       "dev": true
     },
     "node_modules/follow-redirects": {
-      "version": "1.15.3",
-      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.3.tgz",
-      "integrity": "sha512-1VzOtuEM8pC9SFU1E+8KfTjZyMztRsgEfwQl44z8A25uy13jSzTj6dyK2Df52iV0vgHCfBwLhDWevLn95w5v6Q==",
+      "version": "1.15.5",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.5.tgz",
+      "integrity": "sha512-vSFWUON1B+yAw1VN4xMfxgn5fTUiaOzAJCKBwIIgT/+7CuGy9+r+5gITvP62j3RmaD5Ph65UaERdOSRGUzZtgw==",
       "funding": [
         {
           "type": "individual",
@@ -3383,6 +3662,19 @@
         "is-callable": "^1.1.3"
       }
     },
+    "node_modules/form-data": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
+      "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "mime-types": "^2.1.12"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/fraction.js": {
       "version": "4.3.6",
       "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.3.6.tgz",
@@ -4664,6 +4956,25 @@
         "node": ">=8.6"
       }
     },
+    "node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
     "node_modules/minimatch": {
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
@@ -4779,9 +5090,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",
@@ -4853,9 +5164,9 @@
       }
     },
     "node_modules/next-auth": {
-      "version": "4.23.1",
-      "resolved": "https://registry.npmjs.org/next-auth/-/next-auth-4.23.1.tgz",
-      "integrity": "sha512-mL083z8KgRtlrIV6CDca2H1kduWJuK/3pTS0Fe2og15KOm4v2kkLGdSDfc2g+019aEBrJUT0pPW2Xx42ImN1WA==",
+      "version": "4.24.6",
+      "resolved": "https://registry.npmjs.org/next-auth/-/next-auth-4.24.6.tgz",
+      "integrity": "sha512-djQt3ZEaWEIxcsuh3HTW2uuzLfXMRjHH+ugAsichlQSbH4iA5MRcgMA2HvTNvsDTDLh44tyU72+/gWsxgTbAKg==",
       "dependencies": {
         "@babel/runtime": "^7.20.13",
         "@panva/hkdf": "^1.0.2",
@@ -4868,7 +5179,7 @@
         "uuid": "^8.3.2"
       },
       "peerDependencies": {
-        "next": "^12.2.5 || ^13",
+        "next": "^12.2.5 || ^13 || ^14",
         "nodemailer": "^6.6.5",
         "react": "^17.0.2 || ^18",
         "react-dom": "^17.0.2 || ^18"
@@ -5529,6 +5840,11 @@
       "resolved": "https://registry.npmjs.org/proto-list/-/proto-list-1.2.4.tgz",
       "integrity": "sha512-vtK/94akxsTMhe0/cbfpR+syPuszcuwhqVjJq26CuNDgFGj682oRBXOP5MJpv2r7JtE8MsiepGIqvvOTBwn2vA=="
     },
+    "node_modules/proxy-from-env": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
+      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="
+    },
     "node_modules/punycode": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.0.tgz",
@@ -5582,6 +5898,53 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/react-datepicker": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/react-datepicker/-/react-datepicker-6.1.0.tgz",
+      "integrity": "sha512-8uz+hAOpvHqZGvD4Ky1hJ0/tLI4S9B0Gu9LV7LtLxRKXODs/xrxEay0aMVp7AW9iizTeImZh/6aA00fFaRZpJw==",
+      "dependencies": {
+        "@floating-ui/react": "^0.26.2",
+        "classnames": "^2.2.6",
+        "date-fns": "^3.3.1",
+        "prop-types": "^15.7.2",
+        "react-onclickoutside": "^6.13.0"
+      },
+      "peerDependencies": {
+        "react": "^16.9.0 || ^17 || ^18",
+        "react-dom": "^16.9.0 || ^17 || ^18"
+      }
+    },
+    "node_modules/react-datepicker/node_modules/@floating-ui/react": {
+      "version": "0.26.9",
+      "resolved": "https://registry.npmjs.org/@floating-ui/react/-/react-0.26.9.tgz",
+      "integrity": "sha512-p86wynZJVEkEq2BBjY/8p2g3biQ6TlgT4o/3KgFKyTWoJLU1GZ8wpctwRqtkEl2tseYA+kw7dBAIDFcednfI5w==",
+      "dependencies": {
+        "@floating-ui/react-dom": "^2.0.8",
+        "@floating-ui/utils": "^0.2.1",
+        "tabbable": "^6.0.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.0",
+        "react-dom": ">=16.8.0"
+      }
+    },
+    "node_modules/react-datepicker/node_modules/@floating-ui/react-dom": {
+      "version": "2.0.8",
+      "resolved": "https://registry.npmjs.org/@floating-ui/react-dom/-/react-dom-2.0.8.tgz",
+      "integrity": "sha512-HOdqOt3R3OGeTKidaLvJKcgg75S6tibQ3Tif4eyd91QnIJWr0NLvoXFpJA/j8HqkFSL68GDca9AuyWEHlhyClw==",
+      "dependencies": {
+        "@floating-ui/dom": "^1.6.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.0",
+        "react-dom": ">=16.8.0"
+      }
+    },
+    "node_modules/react-datepicker/node_modules/@floating-ui/utils": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.1.tgz",
+      "integrity": "sha512-9TANp6GPoMtYzQdt54kfAyMmz1+osLlXdg2ENroU7zzrtflTLrrC/lgrIfaSe+Wu0b89GKccT7vxXA0MoAIO+Q=="
+    },
     "node_modules/react-dom": {
       "version": "18.2.0",
       "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz",
@@ -5614,6 +5977,19 @@
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
       "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
     },
+    "node_modules/react-onclickoutside": {
+      "version": "6.13.0",
+      "resolved": "https://registry.npmjs.org/react-onclickoutside/-/react-onclickoutside-6.13.0.tgz",
+      "integrity": "sha512-ty8So6tcUpIb+ZE+1HAhbLROvAIJYyJe/1vRrrcmW+jLsaM+/powDRqxzo6hSh9CuRZGSL1Q8mvcF5WRD93a0A==",
+      "funding": {
+        "type": "individual",
+        "url": "https://github.com/Pomax/react-onclickoutside/blob/master/FUNDING.md"
+      },
+      "peerDependencies": {
+        "react": "^15.5.x || ^16.x || ^17.x || ^18.x",
+        "react-dom": "^15.5.x || ^16.x || ^17.x || ^18.x"
+      }
+    },
     "node_modules/read-cache": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
@@ -5750,18 +6126,34 @@
       }
     },
     "node_modules/rollup": {
-      "version": "3.29.4",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.29.4.tgz",
-      "integrity": "sha512-oWzmBZwvYrU0iJHtDmhsm662rC15FRXmcjCk1xD771dFDx5jJ02ufAQQTn0etB2emNk4J9EZg/yWKpsn9BWGRw==",
+      "version": "4.12.0",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.12.0.tgz",
+      "integrity": "sha512-wz66wn4t1OHIJw3+XU7mJJQV/2NAfw5OAk6G6Hoo3zcvz/XOfQ52Vgi+AN4Uxoxi0KBBwk2g8zPrTDA4btSB/Q==",
       "dev": true,
+      "dependencies": {
+        "@types/estree": "1.0.5"
+      },
       "bin": {
         "rollup": "dist/bin/rollup"
       },
       "engines": {
-        "node": ">=14.18.0",
+        "node": ">=18.0.0",
         "npm": ">=8.0.0"
       },
       "optionalDependencies": {
+        "@rollup/rollup-android-arm-eabi": "4.12.0",
+        "@rollup/rollup-android-arm64": "4.12.0",
+        "@rollup/rollup-darwin-arm64": "4.12.0",
+        "@rollup/rollup-darwin-x64": "4.12.0",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.12.0",
+        "@rollup/rollup-linux-arm64-gnu": "4.12.0",
+        "@rollup/rollup-linux-arm64-musl": "4.12.0",
+        "@rollup/rollup-linux-riscv64-gnu": "4.12.0",
+        "@rollup/rollup-linux-x64-gnu": "4.12.0",
+        "@rollup/rollup-linux-x64-musl": "4.12.0",
+        "@rollup/rollup-win32-arm64-msvc": "4.12.0",
+        "@rollup/rollup-win32-ia32-msvc": "4.12.0",
+        "@rollup/rollup-win32-x64-msvc": "4.12.0",
         "fsevents": "~2.3.2"
       }
     },
@@ -6617,29 +7009,29 @@
       "dev": true
     },
     "node_modules/vite": {
-      "version": "4.4.11",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-4.4.11.tgz",
-      "integrity": "sha512-ksNZJlkcU9b0lBwAGZGGaZHCMqHsc8OpgtoYhsQ4/I2v5cnpmmmqe5pM4nv/4Hn6G/2GhTdj0DhZh2e+Er1q5A==",
+      "version": "5.1.4",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-5.1.4.tgz",
+      "integrity": "sha512-n+MPqzq+d9nMVTKyewqw6kSt+R3CkvF9QAKY8obiQn8g1fwTscKxyfaYnC632HtBXAQGc1Yjomphwn1dtwGAHg==",
       "dev": true,
       "dependencies": {
-        "esbuild": "^0.18.10",
-        "postcss": "^8.4.27",
-        "rollup": "^3.27.1"
+        "esbuild": "^0.19.3",
+        "postcss": "^8.4.35",
+        "rollup": "^4.2.0"
       },
       "bin": {
         "vite": "bin/vite.js"
       },
       "engines": {
-        "node": "^14.18.0 || >=16.0.0"
+        "node": "^18.0.0 || >=20.0.0"
       },
       "funding": {
         "url": "https://github.com/vitejs/vite?sponsor=1"
       },
       "optionalDependencies": {
-        "fsevents": "~2.3.2"
+        "fsevents": "~2.3.3"
       },
       "peerDependencies": {
-        "@types/node": ">= 14",
+        "@types/node": "^18.0.0 || >=20.0.0",
         "less": "*",
         "lightningcss": "^1.21.0",
         "sass": "*",
@@ -6694,6 +7086,34 @@
         "url": "https://opencollective.com/vitest"
       }
     },
+    "node_modules/vite/node_modules/postcss": {
+      "version": "8.4.35",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.35.tgz",
+      "integrity": "sha512-u5U8qYpBCpN13BsiEB0CbR1Hhh4Gc0zLFuedrHJKMctHCHAGrMdG0PRM/KErzAL3CU6/eckEtmHNB3x6e3c0vA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "nanoid": "^3.3.7",
+        "picocolors": "^1.0.0",
+        "source-map-js": "^1.0.2"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
     "node_modules/vitest": {
       "version": "0.34.6",
       "resolved": "https://registry.npmjs.org/vitest/-/vitest-0.34.6.tgz",
diff --git a/package.json b/package.json
index a63e1494..921ca351 100644
--- a/package.json
+++ b/package.json
@@ -23,7 +23,7 @@
     "@next-auth/prisma-adapter": "^1.0.4",
     "@prisma/client": "^5.5.2",
     "@react-email/render": "^0.0.7",
-    "@sendgrid/mail": "^7.7.0",
+    "@sendgrid/mail": "^8.1.1",
     "classnames": "^2.3.2",
     "googleapis": "^117.0.0",
     "mongo": "^0.1.0",
@@ -31,6 +31,7 @@
     "next": "^13.5.3",
     "next-auth": "^4.12.3",
     "react": "^18.2.0",
+    "react-datepicker": "^6.1.0",
     "react-dom": "^18.2.0",
     "react-hook-form": "^7.48.2",
     "uuidv4": "^6.2.13",
@@ -40,6 +41,7 @@
   "devDependencies": {
     "@types/node": "18.0.0",
     "@types/react": "18.0.14",
+    "@types/react-datepicker": "^6.0.1",
     "@types/react-dom": "18.0.5",
     "@typescript-eslint/eslint-plugin": "^5.33.0",
     "@typescript-eslint/parser": "^5.33.0",
diff --git a/src/components/user/AddFile.tsx b/src/components/user/AddFile.tsx
index 1010dd49..0b6f9a1d 100644
--- a/src/components/user/AddFile.tsx
+++ b/src/components/user/AddFile.tsx
@@ -3,6 +3,7 @@
 import React, { Dispatch, SetStateAction, useState } from "react";
 import FilterDropdown from "@components/FilterDropdown";
 import Tag, { TagProps, tagList } from "@components/Tag";
+import DateSelector from "./DateSelector";
 
 type AddFileProps = {
   showAddFilePopUp: boolean;
@@ -77,7 +78,7 @@ const AddFile = ({
       {showAddFilePopUp && (
         <div className="absolute z-50 flex h-full w-screen flex-row place-content-center items-start justify-center backdrop-blur-[2px] backdrop-brightness-75 md:w-full">
           {!confirm && !error ? (
-            <div className="mt-20 flex min-h-[650px] min-w-[700px] flex-col justify-between rounded-[16px] bg-[#22555A] p-10 font-['merriweather'] text-white">
+            <div className="mt-20 flex min-h-[650px] min-w-[750px] flex-col justify-between rounded-[16px] bg-[#22555A] p-10 font-['merriweather'] text-white">
               <div>
                 <div className="mb-5 mt-4 text-3xl font-bold">
                   {" "}
@@ -86,14 +87,15 @@ const AddFile = ({
                 <div className="text-neutral-600 mb-3 h-[34px] w-full text-2xl font-thin">
                   Select Date
                 </div>
-                <input
+                <DateSelector />
+                {/* <input
                   className="mb-4 h-[50px] w-full rounded border-2 border-tan px-3 text-xl text-[#22555A]"
                   type="text"
                   value={fileName}
                   onChange={(e: React.ChangeEvent<HTMLInputElement>) =>
                     setFilename(e.target.value)
                   }
-                />
+                /> */}
                 <TagSelector
                   selectedTags={selectedTags}
                   setSelectedTags={setSelectedTags}
diff --git a/src/components/user/DateSelector.tsx b/src/components/user/DateSelector.tsx
new file mode 100644
index 00000000..ee270ae4
--- /dev/null
+++ b/src/components/user/DateSelector.tsx
@@ -0,0 +1,17 @@
+import { useState } from "react";
+import DatePicker from "react-datepicker";
+import "react-datepicker/dist/react-datepicker.css";
+
+const DateSelector = () => {
+  const [startDate, setStartDate] = useState(new Date());
+  return (
+    <div className="text-black">
+      <DatePicker
+        selected={startDate}
+        onChange={(date) => date && setStartDate(date)}
+      />
+    </div>
+  );
+};
+
+export default DateSelector;

From 53f9d9f5660051b9452aa5bd6520caf267a2e916 Mon Sep 17 00:00:00 2001
From: nathan-j-edwards <nathanieljesseedwards@gmail.com>
Date: Sat, 24 Feb 2024 23:27:51 -0500
Subject: [PATCH 05/27] added styling to calandar

---
 src/components/user/DateSelector.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/user/DateSelector.tsx b/src/components/user/DateSelector.tsx
index ee270ae4..fd8bf335 100644
--- a/src/components/user/DateSelector.tsx
+++ b/src/components/user/DateSelector.tsx
@@ -5,10 +5,12 @@ import "react-datepicker/dist/react-datepicker.css";
 const DateSelector = () => {
   const [startDate, setStartDate] = useState(new Date());
   return (
-    <div className="text-black">
+    <div className="mb-4 font-['merriweather'] text-2xl text-[#22555A]">
       <DatePicker
+        className="h-[70px] w-[700px] rounded-lg pl-[30px]"
         selected={startDate}
         onChange={(date) => date && setStartDate(date)}
+        dateFormat="dd MMMM yyyy"
       />
     </div>
   );

From a70a55361b6dd55374523dbc0455dd8321566827 Mon Sep 17 00:00:00 2001
From: nathan-j-edwards <nathanieljesseedwards@gmail.com>
Date: Wed, 21 Feb 2024 20:56:04 -0500
Subject: [PATCH 06/27] created page for popup

---
 src/app/private/[uid]/user/popup/page.tsx | 129 +++++++++++++++++++++
 src/components/{ => user}/AddFile.tsx     |  21 +---
 src/pages/senior/[id].tsx                 | 131 +++++++++++-----------
 3 files changed, 199 insertions(+), 82 deletions(-)
 create mode 100644 src/app/private/[uid]/user/popup/page.tsx
 rename src/components/{ => user}/AddFile.tsx (86%)

diff --git a/src/app/private/[uid]/user/popup/page.tsx b/src/app/private/[uid]/user/popup/page.tsx
new file mode 100644
index 00000000..9ba1952c
--- /dev/null
+++ b/src/app/private/[uid]/user/popup/page.tsx
@@ -0,0 +1,129 @@
+"use client";
+
+import type { GetServerSidePropsContext } from "next";
+import AddFile from "@components/user/AddFile";
+import { useState } from "react";
+import { prisma } from "@server/db/client";
+import { getServerAuthSession } from "@server/common/get-server-auth-session";
+import { z } from "zod";
+import { Approval } from "@prisma/client";
+
+// type ISeniorProfileProps = Awaited<
+//   ReturnType<typeof getServerSideProps>
+// >["props"] & {
+//   redirect: undefined;
+// };
+
+// type SerialzedFile = ISeniorProfileProps["senior"]["Files"][number];
+
+const AddFilePage = () => {
+  const [showAddFilePopUp, setShowAddFilePopUp] = useState<boolean>(false);
+  const handlePopUp = () => {
+    setShowAddFilePopUp(!showAddFilePopUp);
+  };
+  return (
+    <div>
+      {showAddFilePopUp ? (
+        <AddFile
+          showAddFilePopUp={showAddFilePopUp}
+          setShowAddFilePopUp={setShowAddFilePopUp}
+          seniorId={"65d6a19f5b3cabcd18dbe3b1"}
+          folder={"1d9z-eV5eTCOdiWP_dhIx5-O5NA82lC1_"}
+        />
+      ) : null}
+      <button
+        className="bg-blue relative flex aspect-square w-auto flex-col items-center justify-center 
+                           rounded text-base drop-shadow-md hover:bg-off-white"
+        onClick={handlePopUp}
+      >
+        hello
+      </button>
+    </div>
+  );
+};
+
+// export const getServerSideProps = async (
+//   context: GetServerSidePropsContext
+// ) => {
+//   const session = await getServerAuthSession(context);
+//   const seniorId = z.string().parse(context.query.id);
+
+//   if (!session || !session.user) {
+//     return {
+//       redirect: {
+//         destination: "/login",
+//         permanent: false,
+//       },
+//     };
+//   }
+
+//   if (!prisma) {
+//     return {
+//       redirect: {
+//         destination: "/",
+//         permanent: false,
+//       },
+//     };
+//   }
+
+//   const user = await prisma.user.findUnique({
+//     where: {
+//       id: session.user.id,
+//     },
+//   });
+
+//   if (!user) {
+//     return {
+//       redirect: {
+//         destination: "/",
+//         permanent: false,
+//       },
+//     };
+//   }
+
+//   if (user.approved === Approval.PENDING) {
+//     return {
+//       redirect: {
+//         destination: "/pending",
+//         permanent: false,
+//       },
+//     };
+//   }
+
+//   // await fetch ("/api/senior/" + seniorId, { method: "GET" });
+//   // TODO: not using our beautiful API routes??
+//   const senior = await prisma.senior.findUnique({
+//     where: {
+//       id: seniorId, //get all information for given senior
+//     },
+//     include: {
+//       Files: true,
+//     },
+//   });
+
+//   if (
+//     !senior ||
+//     (!user.admin && !senior.StudentIDs.includes(session.user.id))
+//   ) {
+//     return {
+//       redirect: {
+//         destination: "/",
+//         permanent: false,
+//       },
+//     };
+//   }
+
+//   return {
+//     props: {
+//       senior: {
+//         ...senior,
+//         Files: senior.Files.map((file) => ({
+//           ...file,
+//           lastModified: file.lastModified.getTime(),
+//         })),
+//       },
+//     },
+//   };
+// };
+
+export default AddFilePage;
diff --git a/src/components/AddFile.tsx b/src/components/user/AddFile.tsx
similarity index 86%
rename from src/components/AddFile.tsx
rename to src/components/user/AddFile.tsx
index e5f134af..3e28d151 100644
--- a/src/components/AddFile.tsx
+++ b/src/components/user/AddFile.tsx
@@ -1,3 +1,5 @@
+"use client";
+
 import React, { Dispatch, SetStateAction, useState } from "react";
 import FilterDropdown from "@components/FilterDropdown";
 import Tag, { TagProps, tagList } from "@components/Tag";
@@ -72,14 +74,11 @@ const AddFile = ({
   return (
     <>
       {showAddFilePopUp && (
-        <div className="absolute z-50 flex h-full w-screen flex-row items-start justify-center backdrop-blur-[2px] backdrop-brightness-75 md:w-full">
+        <div className="absolute z-50 flex h-full w-screen flex-row place-content-center items-start justify-center backdrop-blur-[2px] backdrop-brightness-75 md:w-full">
           {!confirm && !error ? (
-            <div className="mt-20 flex min-h-[650px] w-1/2 flex-col justify-between rounded-lg bg-white p-10">
+            <div className="font-merriweather mt-20 flex min-h-[650px] w-1/2 flex-col justify-between rounded-lg bg-[#22555A] p-10 text-white">
               <div>
-                <div className="mb-8 font-serif text-3xl">
-                  {" "}
-                  Create New File{" "}
-                </div>
+                <div className="mb-8 text-3xl"> Create New File </div>
                 <div className="text-neutral-600 mb-1 h-[34px] w-full font-sans text-lg">
                   File name
                 </div>
@@ -91,16 +90,6 @@ const AddFile = ({
                     setFilename(e.target.value)
                   }
                 />
-                <div className="text-neutral-600 mb-1 h-[34px] w-full text-lg">
-                  Description
-                </div>
-                <textarea
-                  className="mb-4 h-1/2 w-full rounded border-2 border-tan bg-off-white p-[12px] text-start text-base"
-                  placeholder=""
-                  onChange={(e: React.ChangeEvent<HTMLTextAreaElement>) =>
-                    setDescription(e.target.value)
-                  }
-                />
                 <TagSelector
                   selectedTags={selectedTags}
                   setSelectedTags={setSelectedTags}
diff --git a/src/pages/senior/[id].tsx b/src/pages/senior/[id].tsx
index ceb13fa6..1f22bfd4 100644
--- a/src/pages/senior/[id].tsx
+++ b/src/pages/senior/[id].tsx
@@ -3,7 +3,7 @@ import type { GetServerSidePropsContext } from "next";
 import { useState } from "react";
 import FileTile from "@components/TileGrid/FileTile";
 import SearchBar from "@components/SearchBar";
-import AddFile from "@components/AddFile";
+import AddFile from "@components/user/AddFile";
 import TileGrid from "@components/TileGrid";
 import SortDropdown, { SortMethod } from "@components/SortDropdown";
 
@@ -48,71 +48,70 @@ const SeniorProfile = ({ senior }: any) => {
   };
   */
 
-  return null;
-
-  // return (
-  // <div className="relative flex min-h-screen flex-col">
-  //   {showAddFilePopUp ? (
-  //     <AddFile
-  //       showAddFilePopUp={showAddFilePopUp}
-  //       setShowAddFilePopUp={setShowAddFilePopUp}
-  //       seniorId={senior.id}
-  //       folder={senior.folder}
-  //     />
-  //   ) : null}
-  //   <div className="w-full p-8">
-  //     <h1 className="mb-4 font-serif text-5xl leading-normal sm:text-center md:text-left">
-  //       {senior.name}
-  //       <h2 className="font-serif text-xl"> {senior.location} </h2>
-  //     </h1>
-  //     <div className="mb-8 w-full border-solid bg-tan drop-shadow-md">
-  //       <p className="md:text-md max-h-[100px] overflow-scroll rounded bg-tan p-4 sm:text-lg">
-  //         {senior.description}
-  //       </p>
-  //     </div>
-  //     <div className="flex flex-row justify-between space-x-3 align-middle">
-  //       <SearchBar setFilter={setFilter} />
-  //       <div className="relative z-10">
-  //         <SortDropdown
-  //           sortMethod={sortMethod}
-  //           setSortMethod={setSortMethod}
-  //         />
-  //       </div>
-  //     </div>
-
-  //     <TileGrid>
-  //       <button
-  //         className="\ relative flex aspect-square w-auto flex-col items-center justify-center rounded
-  //                        bg-white text-base drop-shadow-md hover:bg-off-white"
-  //         onClick={handlePopUp}
-  //       >
-  //         <div className="flex flex-col justify-end">
-  //           <Image
-  //             className="object-scale-down"
-  //             src={"/profile/addfile_icon.png"}
-  //             alt="Add file icon"
-  //             height={75}
-  //             width={75}
-  //           />
-  //         </div>
-  //         <div className="text-neutral-800 relative flex w-full flex-col p-2 text-center text-lg">
-  //           Create New File
-  //         </div>
-  //       </button>
-  //       {filteredFiles.map((file, key) => (
-  //         <div key={key}>
-  //           <FileTile
-  //             id={file.id}
-  //             date={file.date}
-  //             url={file.url}
-  //             Tags={file.Tags}
-  //           />
-  //         </div>
-  //       ))}
-  //     </TileGrid>
-  //   </div>
-  // </div>
-  //   );
+  return (
+    <div className="relative flex min-h-screen flex-col">
+      {showAddFilePopUp ? (
+        <AddFile
+          showAddFilePopUp={showAddFilePopUp}
+          setShowAddFilePopUp={setShowAddFilePopUp}
+          seniorId={senior.id}
+          folder={senior.folder}
+        />
+      ) : null}
+      <div className="w-full p-8">
+        <h1 className="mb-4 font-serif text-5xl leading-normal sm:text-center md:text-left">
+          {senior.name}
+          <h2 className="font-serif text-xl"> {senior.location} </h2>
+        </h1>
+        <div className="mb-8 w-full border-solid bg-tan drop-shadow-md">
+          <p className="md:text-md max-h-[100px] overflow-scroll rounded bg-tan p-4 sm:text-lg">
+            {senior.description}
+          </p>
+        </div>
+        <div className="flex flex-row justify-between space-x-3 align-middle">
+          <SearchBar setFilter={setFilter} />
+          <div className="relative z-10">
+            <SortDropdown
+              sortMethod={sortMethod}
+              setSortMethod={setSortMethod}
+            />
+          </div>
+        </div>
+
+        <TileGrid>
+          <button
+            className="\ relative flex aspect-square w-auto flex-col items-center justify-center rounded 
+                           bg-white text-base drop-shadow-md hover:bg-off-white"
+            onClick={handlePopUp}
+          >
+            <div className="flex flex-col justify-end">
+              <Image
+                className="object-scale-down"
+                src={"/profile/addfile_icon.png"}
+                alt="Add file icon"
+                height={75}
+                width={75}
+              />
+            </div>
+            <div className="text-neutral-800 relative flex w-full flex-col p-2 text-center text-lg">
+              Create New File
+            </div>
+          </button>
+          {filteredFiles.map((file, key) => (
+            <div key={key}>
+              <FileTile
+                id={file.id}
+                name={file.name}
+                lastModified={new Date(file.lastModified)}
+                url={file.url}
+                Tags={file.Tags}
+              />
+            </div>
+          ))}
+        </TileGrid>
+      </div>
+    </div>
+  );
 };
 
 export default SeniorProfile;

From 6dac27ddce2301d5226178a5ca7265ad5377187e Mon Sep 17 00:00:00 2001
From: nathan-j-edwards <nathanieljesseedwards@gmail.com>
Date: Fri, 23 Feb 2024 23:37:02 -0500
Subject: [PATCH 07/27] minor styling changes

---
 src/components/user/AddFile.tsx | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/src/components/user/AddFile.tsx b/src/components/user/AddFile.tsx
index 3e28d151..fd08fbe9 100644
--- a/src/components/user/AddFile.tsx
+++ b/src/components/user/AddFile.tsx
@@ -20,9 +20,10 @@ const TagSelector = ({
 }) => {
   return (
     <div>
-      <div className="text-neutral-600 mb-1 h-[34px] w-full font-sans text-lg">
+      <div className="text-neutral-600 mb-1 h-[34px] w-full font-['merriweather'] text-xl">
         Tags
       </div>
+      <div className="text-lg font-thin">Select min of 1, max of 3</div>
       <FilterDropdown<TagProps>
         items={tagList}
         filterMatch={(tag, text) => tag.name.indexOf(text) != -1}
@@ -76,14 +77,14 @@ const AddFile = ({
       {showAddFilePopUp && (
         <div className="absolute z-50 flex h-full w-screen flex-row place-content-center items-start justify-center backdrop-blur-[2px] backdrop-brightness-75 md:w-full">
           {!confirm && !error ? (
-            <div className="font-merriweather mt-20 flex min-h-[650px] w-1/2 flex-col justify-between rounded-lg bg-[#22555A] p-10 text-white">
+            <div className="mt-20 flex min-h-[650px] min-w-[700px] flex-col justify-between rounded-[16px] bg-[#22555A] p-10 font-['merriweather'] text-white">
               <div>
-                <div className="mb-8 text-3xl"> Create New File </div>
-                <div className="text-neutral-600 mb-1 h-[34px] w-full font-sans text-lg">
-                  File name
+                <div className="mb-8 text-3xl font-bold"> Create New File </div>
+                <div className="text-neutral-600 mb-1 h-[34px] w-full text-xl">
+                  Select Date
                 </div>
                 <input
-                  className="mb-5 h-[46px] w-full rounded border-2 border-tan px-3"
+                  className="mb-5 h-[50px] w-full rounded border-2 border-tan px-3 text-xl text-[#22555A]"
                   type="text"
                   value={fileName}
                   onChange={(e: React.ChangeEvent<HTMLInputElement>) =>
@@ -98,13 +99,13 @@ const AddFile = ({
 
               <div className="flex w-full flex-row justify-center">
                 <button
-                  className="mx-2 my-4 w-full max-w-[10rem] rounded bg-off-white p-3 text-lg font-normal drop-shadow-md hover:bg-offer-white"
+                  className="mx-2 my-4 w-full max-w-[10rem] rounded-[16px] bg-white p-3 text-2xl font-normal text-[#22555A] drop-shadow-md hover:bg-offer-white"
                   onClick={handleCancel}
                 >
                   Cancel
                 </button>
                 <button
-                  className="bg-legacy-teal mx-2 my-4 w-full max-w-[10rem] rounded p-3 text-lg font-normal text-white drop-shadow-md hover:bg-dark-teal"
+                  className="bg-legacy-teal mx-2 my-4 w-full max-w-[10rem] rounded-[16px] bg-white p-3 text-2xl font-normal text-[#22555A] drop-shadow-md hover:bg-offer-white"
                   onClick={callAddFile}
                 >
                   Create

From a0feb607de2a7637955226da06108e292ab4fa6e Mon Sep 17 00:00:00 2001
From: nathan-j-edwards <nathanieljesseedwards@gmail.com>
Date: Fri, 23 Feb 2024 23:48:25 -0500
Subject: [PATCH 08/27] minor style changes

---
 src/components/user/AddFile.tsx | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/components/user/AddFile.tsx b/src/components/user/AddFile.tsx
index fd08fbe9..1010dd49 100644
--- a/src/components/user/AddFile.tsx
+++ b/src/components/user/AddFile.tsx
@@ -20,7 +20,7 @@ const TagSelector = ({
 }) => {
   return (
     <div>
-      <div className="text-neutral-600 mb-1 h-[34px] w-full font-['merriweather'] text-xl">
+      <div className="text-neutral-600 mb-1 h-[34px] w-full font-['merriweather'] text-2xl">
         Tags
       </div>
       <div className="text-lg font-thin">Select min of 1, max of 3</div>
@@ -79,12 +79,15 @@ const AddFile = ({
           {!confirm && !error ? (
             <div className="mt-20 flex min-h-[650px] min-w-[700px] flex-col justify-between rounded-[16px] bg-[#22555A] p-10 font-['merriweather'] text-white">
               <div>
-                <div className="mb-8 text-3xl font-bold"> Create New File </div>
-                <div className="text-neutral-600 mb-1 h-[34px] w-full text-xl">
+                <div className="mb-5 mt-4 text-3xl font-bold">
+                  {" "}
+                  Create New File{" "}
+                </div>
+                <div className="text-neutral-600 mb-3 h-[34px] w-full text-2xl font-thin">
                   Select Date
                 </div>
                 <input
-                  className="mb-5 h-[50px] w-full rounded border-2 border-tan px-3 text-xl text-[#22555A]"
+                  className="mb-4 h-[50px] w-full rounded border-2 border-tan px-3 text-xl text-[#22555A]"
                   type="text"
                   value={fileName}
                   onChange={(e: React.ChangeEvent<HTMLInputElement>) =>
@@ -99,13 +102,13 @@ const AddFile = ({
 
               <div className="flex w-full flex-row justify-center">
                 <button
-                  className="mx-2 my-4 w-full max-w-[10rem] rounded-[16px] bg-white p-3 text-2xl font-normal text-[#22555A] drop-shadow-md hover:bg-offer-white"
+                  className="mx-2 my-4 w-full max-w-[9rem] rounded-[16px] bg-white p-3 text-2xl font-medium text-[#22555A] drop-shadow-md hover:bg-offer-white"
                   onClick={handleCancel}
                 >
                   Cancel
                 </button>
                 <button
-                  className="bg-legacy-teal mx-2 my-4 w-full max-w-[10rem] rounded-[16px] bg-white p-3 text-2xl font-normal text-[#22555A] drop-shadow-md hover:bg-offer-white"
+                  className="bg-legacy-teal mx-2 my-4 w-full max-w-[9rem] rounded-[16px] bg-white p-3 text-2xl font-medium text-[#22555A] drop-shadow-md hover:bg-offer-white"
                   onClick={callAddFile}
                 >
                   Create

From 3d5298ca3a261245db8d4289f6c6a86b9dcc05ba Mon Sep 17 00:00:00 2001
From: nathan-j-edwards <nathanieljesseedwards@gmail.com>
Date: Sat, 24 Feb 2024 22:30:21 -0500
Subject: [PATCH 09/27] created calandar component

---
 package-lock.json                    | 700 +++++++++++++++++++++------
 package.json                         |   4 +-
 src/components/user/AddFile.tsx      |   8 +-
 src/components/user/DateSelector.tsx |  17 +
 4 files changed, 585 insertions(+), 144 deletions(-)
 create mode 100644 src/components/user/DateSelector.tsx

diff --git a/package-lock.json b/package-lock.json
index ea647c9c..562c8719 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -21,7 +21,7 @@
         "@next-auth/prisma-adapter": "^1.0.4",
         "@prisma/client": "^5.5.2",
         "@react-email/render": "^0.0.7",
-        "@sendgrid/mail": "^7.7.0",
+        "@sendgrid/mail": "^8.1.1",
         "classnames": "^2.3.2",
         "googleapis": "^117.0.0",
         "moment": "^2.30.1",
@@ -30,6 +30,7 @@
         "next": "^13.5.3",
         "next-auth": "^4.12.3",
         "react": "^18.2.0",
+        "react-datepicker": "^6.1.0",
         "react-dom": "^18.2.0",
         "react-hook-form": "^7.48.2",
         "uuidv4": "^6.2.13",
@@ -39,6 +40,7 @@
       "devDependencies": {
         "@types/node": "18.0.0",
         "@types/react": "18.0.14",
+        "@types/react-datepicker": "^6.0.1",
         "@types/react-dom": "18.0.5",
         "@typescript-eslint/eslint-plugin": "^5.33.0",
         "@typescript-eslint/parser": "^5.33.0",
@@ -101,10 +103,26 @@
       "integrity": "sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==",
       "optional": true
     },
+    "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.18.20",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.18.20.tgz",
-      "integrity": "sha512-fyi7TDI/ijKKNZTUJAQqiG5T7YjJXgnzkURqmGj13C6dCqckZBLdl4h7bkhHt/t0WP+zO9/zwroDvANaOqO5Sw==",
+      "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"
       ],
@@ -118,9 +136,9 @@
       }
     },
     "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==",
+      "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"
       ],
@@ -134,9 +152,9 @@
       }
     },
     "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==",
+      "version": "0.19.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.19.12.tgz",
+      "integrity": "sha512-3k7ZoUW6Q6YqhdhIaq/WZ7HwBpnFBlW905Fa4s4qWJyiNOgT1dOqDiVAQFwBH7gBRZr17gLrlFCRzF6jFh7Kew==",
       "cpu": [
         "x64"
       ],
@@ -150,9 +168,9 @@
       }
     },
     "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==",
+      "version": "0.19.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.19.12.tgz",
+      "integrity": "sha512-B6IeSgZgtEzGC42jsI+YYu9Z3HKRxp8ZT3cqhvliEHovq8HSX2YX8lNocDn79gCKJXOSaEot9MVYky7AKjCs8g==",
       "cpu": [
         "arm64"
       ],
@@ -166,9 +184,9 @@
       }
     },
     "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==",
+      "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"
       ],
@@ -182,9 +200,9 @@
       }
     },
     "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==",
+      "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"
       ],
@@ -198,9 +216,9 @@
       }
     },
     "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==",
+      "version": "0.19.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.19.12.tgz",
+      "integrity": "sha512-EYoXZ4d8xtBoVN7CEwWY2IN4ho76xjYXqSXMNccFSx2lgqOG/1TBPW0yPx1bJZk94qu3tX0fycJeeQsKovA8gg==",
       "cpu": [
         "x64"
       ],
@@ -214,9 +232,9 @@
       }
     },
     "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==",
+      "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"
       ],
@@ -230,9 +248,9 @@
       }
     },
     "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==",
+      "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"
       ],
@@ -246,9 +264,9 @@
       }
     },
     "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==",
+      "version": "0.19.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.19.12.tgz",
+      "integrity": "sha512-Thsa42rrP1+UIGaWz47uydHSBOgTUnwBwNq59khgIwktK6x60Hivfbux9iNR0eHCHzOLjLMLfUMLCypBkZXMHA==",
       "cpu": [
         "ia32"
       ],
@@ -262,9 +280,9 @@
       }
     },
     "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==",
+      "version": "0.19.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.19.12.tgz",
+      "integrity": "sha512-LiXdXA0s3IqRRjm6rV6XaWATScKAXjI4R4LoDlvO7+yQqFdlr1Bax62sRwkVvRIrwXxvtYEHHI4dm50jAXkuAA==",
       "cpu": [
         "loong64"
       ],
@@ -278,9 +296,9 @@
       }
     },
     "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==",
+      "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"
       ],
@@ -294,9 +312,9 @@
       }
     },
     "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==",
+      "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"
       ],
@@ -310,9 +328,9 @@
       }
     },
     "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==",
+      "version": "0.19.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.19.12.tgz",
+      "integrity": "sha512-2MueBrlPQCw5dVJJpQdUYgeqIzDQgw3QtiAHUC4RBz9FXPrskyyU3VI1hw7C0BSKB9OduwSJ79FTCqtGMWqJHg==",
       "cpu": [
         "riscv64"
       ],
@@ -326,9 +344,9 @@
       }
     },
     "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==",
+      "version": "0.19.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.19.12.tgz",
+      "integrity": "sha512-+Pil1Nv3Umes4m3AZKqA2anfhJiVmNCYkPchwFJNEJN5QxmTs1uzyy4TvmDrCRNT2ApwSari7ZIgrPeUx4UZDg==",
       "cpu": [
         "s390x"
       ],
@@ -342,9 +360,9 @@
       }
     },
     "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==",
+      "version": "0.19.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.19.12.tgz",
+      "integrity": "sha512-B71g1QpxfwBvNrfyJdVDexenDIt1CiDN1TIXLbhOw0KhJzE78KIFGX6OJ9MrtC0oOqMWf+0xop4qEU8JrJTwCg==",
       "cpu": [
         "x64"
       ],
@@ -358,9 +376,9 @@
       }
     },
     "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==",
+      "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"
       ],
@@ -374,9 +392,9 @@
       }
     },
     "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==",
+      "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"
       ],
@@ -390,9 +408,9 @@
       }
     },
     "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==",
+      "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"
       ],
@@ -406,9 +424,9 @@
       }
     },
     "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==",
+      "version": "0.19.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.19.12.tgz",
+      "integrity": "sha512-URgtR1dJnmGvX864pn1B2YUYNzjmXkuJOIqG2HdU62MVS4EHpU2946OZoTMnRUHklGtJdJZ33QfzdjGACXhn1A==",
       "cpu": [
         "arm64"
       ],
@@ -422,9 +440,9 @@
       }
     },
     "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==",
+      "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"
       ],
@@ -438,9 +456,9 @@
       }
     },
     "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==",
+      "version": "0.19.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.19.12.tgz",
+      "integrity": "sha512-T1QyPSDCyMXaO3pzBkF96E8xMkiRYbUEZADd29SyPGabqxMViNoii+NcK7eWJAEoU6RZyEm5lVSIjTmcdoB9HA==",
       "cpu": [
         "x64"
       ],
@@ -509,14 +527,19 @@
       }
     },
     "node_modules/@floating-ui/dom": {
-      "version": "1.5.3",
-      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.5.3.tgz",
-      "integrity": "sha512-ClAbQnEqJAKCJOEbbLo5IUlZHkNszqhuxS4fHAVxRPXPya6Ysf2G8KypnYcOTpx6I8xcgF9bbHb6g/2KpbV8qA==",
+      "version": "1.6.3",
+      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.6.3.tgz",
+      "integrity": "sha512-RnDthu3mzPlQ31Ss/BTwQ1zjzIhr3lk1gZB1OC56h/1vEtaXkESrOqL5fQVMfXpwGtRwX+YsZBdyHtJMQnkArw==",
       "dependencies": {
-        "@floating-ui/core": "^1.4.2",
-        "@floating-ui/utils": "^0.1.3"
+        "@floating-ui/core": "^1.0.0",
+        "@floating-ui/utils": "^0.2.0"
       }
     },
+    "node_modules/@floating-ui/dom/node_modules/@floating-ui/utils": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.1.tgz",
+      "integrity": "sha512-9TANp6GPoMtYzQdt54kfAyMmz1+osLlXdg2ENroU7zzrtflTLrrC/lgrIfaSe+Wu0b89GKccT7vxXA0MoAIO+Q=="
+    },
     "node_modules/@floating-ui/react": {
       "version": "0.19.0",
       "resolved": "https://registry.npmjs.org/@floating-ui/react/-/react-0.19.0.tgz",
@@ -1068,6 +1091,175 @@
         "node": ">=16.0.0"
       }
     },
+    "node_modules/@rollup/rollup-android-arm-eabi": {
+      "version": "4.12.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.12.0.tgz",
+      "integrity": "sha512-+ac02NL/2TCKRrJu2wffk1kZ+RyqxVUlbjSagNgPm94frxtr+XDL12E5Ll1enWskLrtrZ2r8L3wED1orIibV/w==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@rollup/rollup-android-arm64": {
+      "version": "4.12.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.12.0.tgz",
+      "integrity": "sha512-OBqcX2BMe6nvjQ0Nyp7cC90cnumt8PXmO7Dp3gfAju/6YwG0Tj74z1vKrfRz7qAv23nBcYM8BCbhrsWqO7PzQQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@rollup/rollup-darwin-arm64": {
+      "version": "4.12.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.12.0.tgz",
+      "integrity": "sha512-X64tZd8dRE/QTrBIEs63kaOBG0b5GVEd3ccoLtyf6IdXtHdh8h+I56C2yC3PtC9Ucnv0CpNFJLqKFVgCYe0lOQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rollup/rollup-darwin-x64": {
+      "version": "4.12.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.12.0.tgz",
+      "integrity": "sha512-cc71KUZoVbUJmGP2cOuiZ9HSOP14AzBAThn3OU+9LcA1+IUqswJyR1cAJj3Mg55HbjZP6OLAIscbQsQLrpgTOg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
+      "version": "4.12.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.12.0.tgz",
+      "integrity": "sha512-a6w/Y3hyyO6GlpKL2xJ4IOh/7d+APaqLYdMf86xnczU3nurFTaVN9s9jOXQg97BE4nYm/7Ga51rjec5nfRdrvA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-gnu": {
+      "version": "4.12.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.12.0.tgz",
+      "integrity": "sha512-0fZBq27b+D7Ar5CQMofVN8sggOVhEtzFUwOwPppQt0k+VR+7UHMZZY4y+64WJ06XOhBTKXtQB/Sv0NwQMXyNAA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-musl": {
+      "version": "4.12.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.12.0.tgz",
+      "integrity": "sha512-eTvzUS3hhhlgeAv6bfigekzWZjaEX9xP9HhxB0Dvrdbkk5w/b+1Sxct2ZuDxNJKzsRStSq1EaEkVSEe7A7ipgQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-riscv64-gnu": {
+      "version": "4.12.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.12.0.tgz",
+      "integrity": "sha512-ix+qAB9qmrCRiaO71VFfY8rkiAZJL8zQRXveS27HS+pKdjwUfEhqo2+YF2oI+H/22Xsiski+qqwIBxVewLK7sw==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-gnu": {
+      "version": "4.12.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.12.0.tgz",
+      "integrity": "sha512-TenQhZVOtw/3qKOPa7d+QgkeM6xY0LtwzR8OplmyL5LrgTWIXpTQg2Q2ycBf8jm+SFW2Wt/DTn1gf7nFp3ssVA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-musl": {
+      "version": "4.12.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.12.0.tgz",
+      "integrity": "sha512-LfFdRhNnW0zdMvdCb5FNuWlls2WbbSridJvxOvYWgSBOYZtgBfW9UGNJG//rwMqTX1xQE9BAodvMH9tAusKDUw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-arm64-msvc": {
+      "version": "4.12.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.12.0.tgz",
+      "integrity": "sha512-JPDxovheWNp6d7AHCgsUlkuCKvtu3RB55iNEkaQcf0ttsDU/JZF+iQnYcQJSk/7PtT4mjjVG8N1kpwnI9SLYaw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-ia32-msvc": {
+      "version": "4.12.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.12.0.tgz",
+      "integrity": "sha512-fjtuvMWRGJn1oZacG8IPnzIV6GF2/XG+h71FKn76OYFqySXInJtseAqdprVTDTyqPxQOG9Exak5/E9Z3+EJ8ZA==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-x64-msvc": {
+      "version": "4.12.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.12.0.tgz",
+      "integrity": "sha512-ZYmr5mS2wd4Dew/JjT0Fqi2NPB/ZhZ2VvPp7SmvPZb4Y1CG/LRcS6tcRo2cYU7zLK5A7cdbhWnnWmUjoI4qapg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
     "node_modules/@rushstack/eslint-patch": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.4.0.tgz",
@@ -1087,38 +1279,38 @@
       }
     },
     "node_modules/@sendgrid/client": {
-      "version": "7.7.0",
-      "resolved": "https://registry.npmjs.org/@sendgrid/client/-/client-7.7.0.tgz",
-      "integrity": "sha512-SxH+y8jeAQSnDavrTD0uGDXYIIkFylCo+eDofVmZLQ0f862nnqbC3Vd1ej6b7Le7lboyzQF6F7Fodv02rYspuA==",
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/@sendgrid/client/-/client-8.1.1.tgz",
+      "integrity": "sha512-pg0gYhAdyQil3Aga7/xHVcZFpvDAjAQMNBgMy5njTSkjACoWHmpSi1nWBZM7nIH/ptcRNMpnBbm9B5EvQ8fX2w==",
       "dependencies": {
-        "@sendgrid/helpers": "^7.7.0",
-        "axios": "^0.26.0"
+        "@sendgrid/helpers": "^8.0.0",
+        "axios": "^1.6.4"
       },
       "engines": {
-        "node": "6.* || 8.* || >=10.*"
+        "node": ">=12.*"
       }
     },
     "node_modules/@sendgrid/helpers": {
-      "version": "7.7.0",
-      "resolved": "https://registry.npmjs.org/@sendgrid/helpers/-/helpers-7.7.0.tgz",
-      "integrity": "sha512-3AsAxfN3GDBcXoZ/y1mzAAbKzTtUZ5+ZrHOmWQ279AuaFXUNCh9bPnRpN504bgveTqoW+11IzPg3I0WVgDINpw==",
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/@sendgrid/helpers/-/helpers-8.0.0.tgz",
+      "integrity": "sha512-Ze7WuW2Xzy5GT5WRx+yEv89fsg/pgy3T1E3FS0QEx0/VvRmigMZ5qyVGhJz4SxomegDkzXv/i0aFPpHKN8qdAA==",
       "dependencies": {
         "deepmerge": "^4.2.2"
       },
       "engines": {
-        "node": ">= 6.0.0"
+        "node": ">= 12.0.0"
       }
     },
     "node_modules/@sendgrid/mail": {
-      "version": "7.7.0",
-      "resolved": "https://registry.npmjs.org/@sendgrid/mail/-/mail-7.7.0.tgz",
-      "integrity": "sha512-5+nApPE9wINBvHSUxwOxkkQqM/IAAaBYoP9hw7WwgDNQPxraruVqHizeTitVtKGiqWCKm2mnjh4XGN3fvFLqaw==",
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/@sendgrid/mail/-/mail-8.1.1.tgz",
+      "integrity": "sha512-tNtmgWLtBA7ZxKtPuEGOaIdEZP1vZSXsj5zg9iuoDBPVj/fNz+7LWzndvTcKumHk5eaDrS0UPXJqBm61m3+H1A==",
       "dependencies": {
-        "@sendgrid/client": "^7.7.0",
-        "@sendgrid/helpers": "^7.7.0"
+        "@sendgrid/client": "^8.1.1",
+        "@sendgrid/helpers": "^8.0.0"
       },
       "engines": {
-        "node": "6.* || 8.* || >=10.*"
+        "node": ">=12.*"
       }
     },
     "node_modules/@sinclair/typebox": {
@@ -1150,6 +1342,12 @@
         "@types/chai": "*"
       }
     },
+    "node_modules/@types/estree": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.5.tgz",
+      "integrity": "sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==",
+      "dev": true
+    },
     "node_modules/@types/json-schema": {
       "version": "7.0.13",
       "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.13.tgz",
@@ -1184,6 +1382,51 @@
         "csstype": "^3.0.2"
       }
     },
+    "node_modules/@types/react-datepicker": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/@types/react-datepicker/-/react-datepicker-6.0.1.tgz",
+      "integrity": "sha512-oAavACLXz+Vm6kO1XZe1/LQJClOO32UUv4xva9G16KQJ2hNROtXyeGzmRg6mktHrQ+YGLnnNlN6S/XykQE2HMA==",
+      "dev": true,
+      "dependencies": {
+        "@floating-ui/react": "^0.26.2",
+        "@types/react": "*",
+        "date-fns": "^3.3.1"
+      }
+    },
+    "node_modules/@types/react-datepicker/node_modules/@floating-ui/react": {
+      "version": "0.26.9",
+      "resolved": "https://registry.npmjs.org/@floating-ui/react/-/react-0.26.9.tgz",
+      "integrity": "sha512-p86wynZJVEkEq2BBjY/8p2g3biQ6TlgT4o/3KgFKyTWoJLU1GZ8wpctwRqtkEl2tseYA+kw7dBAIDFcednfI5w==",
+      "dev": true,
+      "dependencies": {
+        "@floating-ui/react-dom": "^2.0.8",
+        "@floating-ui/utils": "^0.2.1",
+        "tabbable": "^6.0.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.0",
+        "react-dom": ">=16.8.0"
+      }
+    },
+    "node_modules/@types/react-datepicker/node_modules/@floating-ui/react-dom": {
+      "version": "2.0.8",
+      "resolved": "https://registry.npmjs.org/@floating-ui/react-dom/-/react-dom-2.0.8.tgz",
+      "integrity": "sha512-HOdqOt3R3OGeTKidaLvJKcgg75S6tibQ3Tif4eyd91QnIJWr0NLvoXFpJA/j8HqkFSL68GDca9AuyWEHlhyClw==",
+      "dev": true,
+      "dependencies": {
+        "@floating-ui/dom": "^1.6.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.0",
+        "react-dom": ">=16.8.0"
+      }
+    },
+    "node_modules/@types/react-datepicker/node_modules/@floating-ui/utils": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.1.tgz",
+      "integrity": "sha512-9TANp6GPoMtYzQdt54kfAyMmz1+osLlXdg2ENroU7zzrtflTLrrC/lgrIfaSe+Wu0b89GKccT7vxXA0MoAIO+Q==",
+      "dev": true
+    },
     "node_modules/@types/react-dom": {
       "version": "18.0.5",
       "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.0.5.tgz",
@@ -1870,6 +2113,11 @@
         "has-symbols": "^1.0.3"
       }
     },
+    "node_modules/asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
+    },
     "node_modules/autoprefixer": {
       "version": "10.4.16",
       "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.16.tgz",
@@ -1929,11 +2177,13 @@
       }
     },
     "node_modules/axios": {
-      "version": "0.26.1",
-      "resolved": "https://registry.npmjs.org/axios/-/axios-0.26.1.tgz",
-      "integrity": "sha512-fPwcX4EvnSHuInCMItEhAGnaSEXRBjtzh9fOtsE6E1G6p7vl7edEeZe11QHf18+6+9gR5PbKV/sGKNaD8YaMeA==",
+      "version": "1.6.7",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.6.7.tgz",
+      "integrity": "sha512-/hDJGff6/c7u0hDkvkGxR/oy6CbCs8ziCsC7SqmhjfozqiJGc8Z11wrv9z9lYfY4K8l+H9TpjcMDX0xOZmx+RA==",
       "dependencies": {
-        "follow-redirects": "^1.14.8"
+        "follow-redirects": "^1.15.4",
+        "form-data": "^4.0.0",
+        "proxy-from-env": "^1.1.0"
       }
     },
     "node_modules/axobject-query": {
@@ -2235,6 +2485,17 @@
       "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
       "dev": true
     },
+    "node_modules/combined-stream": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "dependencies": {
+        "delayed-stream": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
     "node_modules/commander": {
       "version": "10.0.1",
       "resolved": "https://registry.npmjs.org/commander/-/commander-10.0.1.tgz",
@@ -2317,6 +2578,15 @@
       "integrity": "sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==",
       "dev": true
     },
+    "node_modules/date-fns": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-3.3.1.tgz",
+      "integrity": "sha512-y8e109LYGgoQDveiEBD3DYXKba1jWf5BA8YU1FL5Tvm0BTdEfy54WLCwnuYWZNnzzvALy/QQ4Hov+Q9RVRv+Zw==",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/kossnocorp"
+      }
+    },
     "node_modules/debug": {
       "version": "4.3.4",
       "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
@@ -2390,6 +2660,14 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
     "node_modules/dequal": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
@@ -2694,9 +2972,9 @@
       }
     },
     "node_modules/esbuild": {
-      "version": "0.18.20",
-      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.18.20.tgz",
-      "integrity": "sha512-ceqxoedUrcayh7Y7ZX6NdbbDzGROiyVBgC4PriJThBKSVPWnnFHZAkfI1lJT8QFkOwH4qOS2SJkS4wvpGl8BpA==",
+      "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": {
@@ -2706,28 +2984,29 @@
         "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"
+        "@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/escalade": {
@@ -3357,9 +3636,9 @@
       "dev": true
     },
     "node_modules/follow-redirects": {
-      "version": "1.15.3",
-      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.3.tgz",
-      "integrity": "sha512-1VzOtuEM8pC9SFU1E+8KfTjZyMztRsgEfwQl44z8A25uy13jSzTj6dyK2Df52iV0vgHCfBwLhDWevLn95w5v6Q==",
+      "version": "1.15.5",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.5.tgz",
+      "integrity": "sha512-vSFWUON1B+yAw1VN4xMfxgn5fTUiaOzAJCKBwIIgT/+7CuGy9+r+5gITvP62j3RmaD5Ph65UaERdOSRGUzZtgw==",
       "funding": [
         {
           "type": "individual",
@@ -3384,6 +3663,19 @@
         "is-callable": "^1.1.3"
       }
     },
+    "node_modules/form-data": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
+      "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "mime-types": "^2.1.12"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/fraction.js": {
       "version": "4.3.6",
       "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.3.6.tgz",
@@ -4665,6 +4957,25 @@
         "node": ">=8.6"
       }
     },
+    "node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
     "node_modules/minimatch": {
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
@@ -4788,9 +5099,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",
@@ -4862,9 +5173,9 @@
       }
     },
     "node_modules/next-auth": {
-      "version": "4.23.1",
-      "resolved": "https://registry.npmjs.org/next-auth/-/next-auth-4.23.1.tgz",
-      "integrity": "sha512-mL083z8KgRtlrIV6CDca2H1kduWJuK/3pTS0Fe2og15KOm4v2kkLGdSDfc2g+019aEBrJUT0pPW2Xx42ImN1WA==",
+      "version": "4.24.6",
+      "resolved": "https://registry.npmjs.org/next-auth/-/next-auth-4.24.6.tgz",
+      "integrity": "sha512-djQt3ZEaWEIxcsuh3HTW2uuzLfXMRjHH+ugAsichlQSbH4iA5MRcgMA2HvTNvsDTDLh44tyU72+/gWsxgTbAKg==",
       "dependencies": {
         "@babel/runtime": "^7.20.13",
         "@panva/hkdf": "^1.0.2",
@@ -4877,7 +5188,7 @@
         "uuid": "^8.3.2"
       },
       "peerDependencies": {
-        "next": "^12.2.5 || ^13",
+        "next": "^12.2.5 || ^13 || ^14",
         "nodemailer": "^6.6.5",
         "react": "^17.0.2 || ^18",
         "react-dom": "^17.0.2 || ^18"
@@ -5538,6 +5849,11 @@
       "resolved": "https://registry.npmjs.org/proto-list/-/proto-list-1.2.4.tgz",
       "integrity": "sha512-vtK/94akxsTMhe0/cbfpR+syPuszcuwhqVjJq26CuNDgFGj682oRBXOP5MJpv2r7JtE8MsiepGIqvvOTBwn2vA=="
     },
+    "node_modules/proxy-from-env": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
+      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="
+    },
     "node_modules/punycode": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.0.tgz",
@@ -5591,6 +5907,53 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/react-datepicker": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/react-datepicker/-/react-datepicker-6.1.0.tgz",
+      "integrity": "sha512-8uz+hAOpvHqZGvD4Ky1hJ0/tLI4S9B0Gu9LV7LtLxRKXODs/xrxEay0aMVp7AW9iizTeImZh/6aA00fFaRZpJw==",
+      "dependencies": {
+        "@floating-ui/react": "^0.26.2",
+        "classnames": "^2.2.6",
+        "date-fns": "^3.3.1",
+        "prop-types": "^15.7.2",
+        "react-onclickoutside": "^6.13.0"
+      },
+      "peerDependencies": {
+        "react": "^16.9.0 || ^17 || ^18",
+        "react-dom": "^16.9.0 || ^17 || ^18"
+      }
+    },
+    "node_modules/react-datepicker/node_modules/@floating-ui/react": {
+      "version": "0.26.9",
+      "resolved": "https://registry.npmjs.org/@floating-ui/react/-/react-0.26.9.tgz",
+      "integrity": "sha512-p86wynZJVEkEq2BBjY/8p2g3biQ6TlgT4o/3KgFKyTWoJLU1GZ8wpctwRqtkEl2tseYA+kw7dBAIDFcednfI5w==",
+      "dependencies": {
+        "@floating-ui/react-dom": "^2.0.8",
+        "@floating-ui/utils": "^0.2.1",
+        "tabbable": "^6.0.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.0",
+        "react-dom": ">=16.8.0"
+      }
+    },
+    "node_modules/react-datepicker/node_modules/@floating-ui/react-dom": {
+      "version": "2.0.8",
+      "resolved": "https://registry.npmjs.org/@floating-ui/react-dom/-/react-dom-2.0.8.tgz",
+      "integrity": "sha512-HOdqOt3R3OGeTKidaLvJKcgg75S6tibQ3Tif4eyd91QnIJWr0NLvoXFpJA/j8HqkFSL68GDca9AuyWEHlhyClw==",
+      "dependencies": {
+        "@floating-ui/dom": "^1.6.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.0",
+        "react-dom": ">=16.8.0"
+      }
+    },
+    "node_modules/react-datepicker/node_modules/@floating-ui/utils": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.1.tgz",
+      "integrity": "sha512-9TANp6GPoMtYzQdt54kfAyMmz1+osLlXdg2ENroU7zzrtflTLrrC/lgrIfaSe+Wu0b89GKccT7vxXA0MoAIO+Q=="
+    },
     "node_modules/react-dom": {
       "version": "18.2.0",
       "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz",
@@ -5623,6 +5986,19 @@
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
       "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
     },
+    "node_modules/react-onclickoutside": {
+      "version": "6.13.0",
+      "resolved": "https://registry.npmjs.org/react-onclickoutside/-/react-onclickoutside-6.13.0.tgz",
+      "integrity": "sha512-ty8So6tcUpIb+ZE+1HAhbLROvAIJYyJe/1vRrrcmW+jLsaM+/powDRqxzo6hSh9CuRZGSL1Q8mvcF5WRD93a0A==",
+      "funding": {
+        "type": "individual",
+        "url": "https://github.com/Pomax/react-onclickoutside/blob/master/FUNDING.md"
+      },
+      "peerDependencies": {
+        "react": "^15.5.x || ^16.x || ^17.x || ^18.x",
+        "react-dom": "^15.5.x || ^16.x || ^17.x || ^18.x"
+      }
+    },
     "node_modules/read-cache": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
@@ -5759,18 +6135,34 @@
       }
     },
     "node_modules/rollup": {
-      "version": "3.29.4",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.29.4.tgz",
-      "integrity": "sha512-oWzmBZwvYrU0iJHtDmhsm662rC15FRXmcjCk1xD771dFDx5jJ02ufAQQTn0etB2emNk4J9EZg/yWKpsn9BWGRw==",
+      "version": "4.12.0",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.12.0.tgz",
+      "integrity": "sha512-wz66wn4t1OHIJw3+XU7mJJQV/2NAfw5OAk6G6Hoo3zcvz/XOfQ52Vgi+AN4Uxoxi0KBBwk2g8zPrTDA4btSB/Q==",
       "dev": true,
+      "dependencies": {
+        "@types/estree": "1.0.5"
+      },
       "bin": {
         "rollup": "dist/bin/rollup"
       },
       "engines": {
-        "node": ">=14.18.0",
+        "node": ">=18.0.0",
         "npm": ">=8.0.0"
       },
       "optionalDependencies": {
+        "@rollup/rollup-android-arm-eabi": "4.12.0",
+        "@rollup/rollup-android-arm64": "4.12.0",
+        "@rollup/rollup-darwin-arm64": "4.12.0",
+        "@rollup/rollup-darwin-x64": "4.12.0",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.12.0",
+        "@rollup/rollup-linux-arm64-gnu": "4.12.0",
+        "@rollup/rollup-linux-arm64-musl": "4.12.0",
+        "@rollup/rollup-linux-riscv64-gnu": "4.12.0",
+        "@rollup/rollup-linux-x64-gnu": "4.12.0",
+        "@rollup/rollup-linux-x64-musl": "4.12.0",
+        "@rollup/rollup-win32-arm64-msvc": "4.12.0",
+        "@rollup/rollup-win32-ia32-msvc": "4.12.0",
+        "@rollup/rollup-win32-x64-msvc": "4.12.0",
         "fsevents": "~2.3.2"
       }
     },
@@ -6626,29 +7018,29 @@
       "dev": true
     },
     "node_modules/vite": {
-      "version": "4.4.11",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-4.4.11.tgz",
-      "integrity": "sha512-ksNZJlkcU9b0lBwAGZGGaZHCMqHsc8OpgtoYhsQ4/I2v5cnpmmmqe5pM4nv/4Hn6G/2GhTdj0DhZh2e+Er1q5A==",
+      "version": "5.1.4",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-5.1.4.tgz",
+      "integrity": "sha512-n+MPqzq+d9nMVTKyewqw6kSt+R3CkvF9QAKY8obiQn8g1fwTscKxyfaYnC632HtBXAQGc1Yjomphwn1dtwGAHg==",
       "dev": true,
       "dependencies": {
-        "esbuild": "^0.18.10",
-        "postcss": "^8.4.27",
-        "rollup": "^3.27.1"
+        "esbuild": "^0.19.3",
+        "postcss": "^8.4.35",
+        "rollup": "^4.2.0"
       },
       "bin": {
         "vite": "bin/vite.js"
       },
       "engines": {
-        "node": "^14.18.0 || >=16.0.0"
+        "node": "^18.0.0 || >=20.0.0"
       },
       "funding": {
         "url": "https://github.com/vitejs/vite?sponsor=1"
       },
       "optionalDependencies": {
-        "fsevents": "~2.3.2"
+        "fsevents": "~2.3.3"
       },
       "peerDependencies": {
-        "@types/node": ">= 14",
+        "@types/node": "^18.0.0 || >=20.0.0",
         "less": "*",
         "lightningcss": "^1.21.0",
         "sass": "*",
@@ -6703,6 +7095,34 @@
         "url": "https://opencollective.com/vitest"
       }
     },
+    "node_modules/vite/node_modules/postcss": {
+      "version": "8.4.35",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.35.tgz",
+      "integrity": "sha512-u5U8qYpBCpN13BsiEB0CbR1Hhh4Gc0zLFuedrHJKMctHCHAGrMdG0PRM/KErzAL3CU6/eckEtmHNB3x6e3c0vA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "nanoid": "^3.3.7",
+        "picocolors": "^1.0.0",
+        "source-map-js": "^1.0.2"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
     "node_modules/vitest": {
       "version": "0.34.6",
       "resolved": "https://registry.npmjs.org/vitest/-/vitest-0.34.6.tgz",
diff --git a/package.json b/package.json
index 4fd77d6f..980612c2 100644
--- a/package.json
+++ b/package.json
@@ -23,7 +23,7 @@
     "@next-auth/prisma-adapter": "^1.0.4",
     "@prisma/client": "^5.5.2",
     "@react-email/render": "^0.0.7",
-    "@sendgrid/mail": "^7.7.0",
+    "@sendgrid/mail": "^8.1.1",
     "classnames": "^2.3.2",
     "googleapis": "^117.0.0",
     "moment": "^2.30.1",
@@ -32,6 +32,7 @@
     "next": "^13.5.3",
     "next-auth": "^4.12.3",
     "react": "^18.2.0",
+    "react-datepicker": "^6.1.0",
     "react-dom": "^18.2.0",
     "react-hook-form": "^7.48.2",
     "uuidv4": "^6.2.13",
@@ -41,6 +42,7 @@
   "devDependencies": {
     "@types/node": "18.0.0",
     "@types/react": "18.0.14",
+    "@types/react-datepicker": "^6.0.1",
     "@types/react-dom": "18.0.5",
     "@typescript-eslint/eslint-plugin": "^5.33.0",
     "@typescript-eslint/parser": "^5.33.0",
diff --git a/src/components/user/AddFile.tsx b/src/components/user/AddFile.tsx
index 1010dd49..0b6f9a1d 100644
--- a/src/components/user/AddFile.tsx
+++ b/src/components/user/AddFile.tsx
@@ -3,6 +3,7 @@
 import React, { Dispatch, SetStateAction, useState } from "react";
 import FilterDropdown from "@components/FilterDropdown";
 import Tag, { TagProps, tagList } from "@components/Tag";
+import DateSelector from "./DateSelector";
 
 type AddFileProps = {
   showAddFilePopUp: boolean;
@@ -77,7 +78,7 @@ const AddFile = ({
       {showAddFilePopUp && (
         <div className="absolute z-50 flex h-full w-screen flex-row place-content-center items-start justify-center backdrop-blur-[2px] backdrop-brightness-75 md:w-full">
           {!confirm && !error ? (
-            <div className="mt-20 flex min-h-[650px] min-w-[700px] flex-col justify-between rounded-[16px] bg-[#22555A] p-10 font-['merriweather'] text-white">
+            <div className="mt-20 flex min-h-[650px] min-w-[750px] flex-col justify-between rounded-[16px] bg-[#22555A] p-10 font-['merriweather'] text-white">
               <div>
                 <div className="mb-5 mt-4 text-3xl font-bold">
                   {" "}
@@ -86,14 +87,15 @@ const AddFile = ({
                 <div className="text-neutral-600 mb-3 h-[34px] w-full text-2xl font-thin">
                   Select Date
                 </div>
-                <input
+                <DateSelector />
+                {/* <input
                   className="mb-4 h-[50px] w-full rounded border-2 border-tan px-3 text-xl text-[#22555A]"
                   type="text"
                   value={fileName}
                   onChange={(e: React.ChangeEvent<HTMLInputElement>) =>
                     setFilename(e.target.value)
                   }
-                />
+                /> */}
                 <TagSelector
                   selectedTags={selectedTags}
                   setSelectedTags={setSelectedTags}
diff --git a/src/components/user/DateSelector.tsx b/src/components/user/DateSelector.tsx
new file mode 100644
index 00000000..ee270ae4
--- /dev/null
+++ b/src/components/user/DateSelector.tsx
@@ -0,0 +1,17 @@
+import { useState } from "react";
+import DatePicker from "react-datepicker";
+import "react-datepicker/dist/react-datepicker.css";
+
+const DateSelector = () => {
+  const [startDate, setStartDate] = useState(new Date());
+  return (
+    <div className="text-black">
+      <DatePicker
+        selected={startDate}
+        onChange={(date) => date && setStartDate(date)}
+      />
+    </div>
+  );
+};
+
+export default DateSelector;

From 10947915dcbea4d893f799efaf37a704f66e8b01 Mon Sep 17 00:00:00 2001
From: nathan-j-edwards <nathanieljesseedwards@gmail.com>
Date: Sat, 24 Feb 2024 23:27:51 -0500
Subject: [PATCH 10/27] added styling to calandar

---
 src/components/user/DateSelector.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/user/DateSelector.tsx b/src/components/user/DateSelector.tsx
index ee270ae4..fd8bf335 100644
--- a/src/components/user/DateSelector.tsx
+++ b/src/components/user/DateSelector.tsx
@@ -5,10 +5,12 @@ import "react-datepicker/dist/react-datepicker.css";
 const DateSelector = () => {
   const [startDate, setStartDate] = useState(new Date());
   return (
-    <div className="text-black">
+    <div className="mb-4 font-['merriweather'] text-2xl text-[#22555A]">
       <DatePicker
+        className="h-[70px] w-[700px] rounded-lg pl-[30px]"
         selected={startDate}
         onChange={(date) => date && setStartDate(date)}
+        dateFormat="dd MMMM yyyy"
       />
     </div>
   );

From ba63f6a06f478772433ed5592fbf167803c89ce4 Mon Sep 17 00:00:00 2001
From: nathan-j-edwards <nathanieljesseedwards@gmail.com>
Date: Wed, 21 Feb 2024 20:56:04 -0500
Subject: [PATCH 11/27] created page for popup

---
 src/app/private/[uid]/user/popup/page.tsx | 129 +++++++++++++++++++++
 src/components/{ => user}/AddFile.tsx     |  21 +---
 src/pages/senior/[id].tsx                 | 131 +++++++++++-----------
 3 files changed, 199 insertions(+), 82 deletions(-)
 create mode 100644 src/app/private/[uid]/user/popup/page.tsx
 rename src/components/{ => user}/AddFile.tsx (86%)

diff --git a/src/app/private/[uid]/user/popup/page.tsx b/src/app/private/[uid]/user/popup/page.tsx
new file mode 100644
index 00000000..9ba1952c
--- /dev/null
+++ b/src/app/private/[uid]/user/popup/page.tsx
@@ -0,0 +1,129 @@
+"use client";
+
+import type { GetServerSidePropsContext } from "next";
+import AddFile from "@components/user/AddFile";
+import { useState } from "react";
+import { prisma } from "@server/db/client";
+import { getServerAuthSession } from "@server/common/get-server-auth-session";
+import { z } from "zod";
+import { Approval } from "@prisma/client";
+
+// type ISeniorProfileProps = Awaited<
+//   ReturnType<typeof getServerSideProps>
+// >["props"] & {
+//   redirect: undefined;
+// };
+
+// type SerialzedFile = ISeniorProfileProps["senior"]["Files"][number];
+
+const AddFilePage = () => {
+  const [showAddFilePopUp, setShowAddFilePopUp] = useState<boolean>(false);
+  const handlePopUp = () => {
+    setShowAddFilePopUp(!showAddFilePopUp);
+  };
+  return (
+    <div>
+      {showAddFilePopUp ? (
+        <AddFile
+          showAddFilePopUp={showAddFilePopUp}
+          setShowAddFilePopUp={setShowAddFilePopUp}
+          seniorId={"65d6a19f5b3cabcd18dbe3b1"}
+          folder={"1d9z-eV5eTCOdiWP_dhIx5-O5NA82lC1_"}
+        />
+      ) : null}
+      <button
+        className="bg-blue relative flex aspect-square w-auto flex-col items-center justify-center 
+                           rounded text-base drop-shadow-md hover:bg-off-white"
+        onClick={handlePopUp}
+      >
+        hello
+      </button>
+    </div>
+  );
+};
+
+// export const getServerSideProps = async (
+//   context: GetServerSidePropsContext
+// ) => {
+//   const session = await getServerAuthSession(context);
+//   const seniorId = z.string().parse(context.query.id);
+
+//   if (!session || !session.user) {
+//     return {
+//       redirect: {
+//         destination: "/login",
+//         permanent: false,
+//       },
+//     };
+//   }
+
+//   if (!prisma) {
+//     return {
+//       redirect: {
+//         destination: "/",
+//         permanent: false,
+//       },
+//     };
+//   }
+
+//   const user = await prisma.user.findUnique({
+//     where: {
+//       id: session.user.id,
+//     },
+//   });
+
+//   if (!user) {
+//     return {
+//       redirect: {
+//         destination: "/",
+//         permanent: false,
+//       },
+//     };
+//   }
+
+//   if (user.approved === Approval.PENDING) {
+//     return {
+//       redirect: {
+//         destination: "/pending",
+//         permanent: false,
+//       },
+//     };
+//   }
+
+//   // await fetch ("/api/senior/" + seniorId, { method: "GET" });
+//   // TODO: not using our beautiful API routes??
+//   const senior = await prisma.senior.findUnique({
+//     where: {
+//       id: seniorId, //get all information for given senior
+//     },
+//     include: {
+//       Files: true,
+//     },
+//   });
+
+//   if (
+//     !senior ||
+//     (!user.admin && !senior.StudentIDs.includes(session.user.id))
+//   ) {
+//     return {
+//       redirect: {
+//         destination: "/",
+//         permanent: false,
+//       },
+//     };
+//   }
+
+//   return {
+//     props: {
+//       senior: {
+//         ...senior,
+//         Files: senior.Files.map((file) => ({
+//           ...file,
+//           lastModified: file.lastModified.getTime(),
+//         })),
+//       },
+//     },
+//   };
+// };
+
+export default AddFilePage;
diff --git a/src/components/AddFile.tsx b/src/components/user/AddFile.tsx
similarity index 86%
rename from src/components/AddFile.tsx
rename to src/components/user/AddFile.tsx
index e5f134af..3e28d151 100644
--- a/src/components/AddFile.tsx
+++ b/src/components/user/AddFile.tsx
@@ -1,3 +1,5 @@
+"use client";
+
 import React, { Dispatch, SetStateAction, useState } from "react";
 import FilterDropdown from "@components/FilterDropdown";
 import Tag, { TagProps, tagList } from "@components/Tag";
@@ -72,14 +74,11 @@ const AddFile = ({
   return (
     <>
       {showAddFilePopUp && (
-        <div className="absolute z-50 flex h-full w-screen flex-row items-start justify-center backdrop-blur-[2px] backdrop-brightness-75 md:w-full">
+        <div className="absolute z-50 flex h-full w-screen flex-row place-content-center items-start justify-center backdrop-blur-[2px] backdrop-brightness-75 md:w-full">
           {!confirm && !error ? (
-            <div className="mt-20 flex min-h-[650px] w-1/2 flex-col justify-between rounded-lg bg-white p-10">
+            <div className="font-merriweather mt-20 flex min-h-[650px] w-1/2 flex-col justify-between rounded-lg bg-[#22555A] p-10 text-white">
               <div>
-                <div className="mb-8 font-serif text-3xl">
-                  {" "}
-                  Create New File{" "}
-                </div>
+                <div className="mb-8 text-3xl"> Create New File </div>
                 <div className="text-neutral-600 mb-1 h-[34px] w-full font-sans text-lg">
                   File name
                 </div>
@@ -91,16 +90,6 @@ const AddFile = ({
                     setFilename(e.target.value)
                   }
                 />
-                <div className="text-neutral-600 mb-1 h-[34px] w-full text-lg">
-                  Description
-                </div>
-                <textarea
-                  className="mb-4 h-1/2 w-full rounded border-2 border-tan bg-off-white p-[12px] text-start text-base"
-                  placeholder=""
-                  onChange={(e: React.ChangeEvent<HTMLTextAreaElement>) =>
-                    setDescription(e.target.value)
-                  }
-                />
                 <TagSelector
                   selectedTags={selectedTags}
                   setSelectedTags={setSelectedTags}
diff --git a/src/pages/senior/[id].tsx b/src/pages/senior/[id].tsx
index ceb13fa6..1f22bfd4 100644
--- a/src/pages/senior/[id].tsx
+++ b/src/pages/senior/[id].tsx
@@ -3,7 +3,7 @@ import type { GetServerSidePropsContext } from "next";
 import { useState } from "react";
 import FileTile from "@components/TileGrid/FileTile";
 import SearchBar from "@components/SearchBar";
-import AddFile from "@components/AddFile";
+import AddFile from "@components/user/AddFile";
 import TileGrid from "@components/TileGrid";
 import SortDropdown, { SortMethod } from "@components/SortDropdown";
 
@@ -48,71 +48,70 @@ const SeniorProfile = ({ senior }: any) => {
   };
   */
 
-  return null;
-
-  // return (
-  // <div className="relative flex min-h-screen flex-col">
-  //   {showAddFilePopUp ? (
-  //     <AddFile
-  //       showAddFilePopUp={showAddFilePopUp}
-  //       setShowAddFilePopUp={setShowAddFilePopUp}
-  //       seniorId={senior.id}
-  //       folder={senior.folder}
-  //     />
-  //   ) : null}
-  //   <div className="w-full p-8">
-  //     <h1 className="mb-4 font-serif text-5xl leading-normal sm:text-center md:text-left">
-  //       {senior.name}
-  //       <h2 className="font-serif text-xl"> {senior.location} </h2>
-  //     </h1>
-  //     <div className="mb-8 w-full border-solid bg-tan drop-shadow-md">
-  //       <p className="md:text-md max-h-[100px] overflow-scroll rounded bg-tan p-4 sm:text-lg">
-  //         {senior.description}
-  //       </p>
-  //     </div>
-  //     <div className="flex flex-row justify-between space-x-3 align-middle">
-  //       <SearchBar setFilter={setFilter} />
-  //       <div className="relative z-10">
-  //         <SortDropdown
-  //           sortMethod={sortMethod}
-  //           setSortMethod={setSortMethod}
-  //         />
-  //       </div>
-  //     </div>
-
-  //     <TileGrid>
-  //       <button
-  //         className="\ relative flex aspect-square w-auto flex-col items-center justify-center rounded
-  //                        bg-white text-base drop-shadow-md hover:bg-off-white"
-  //         onClick={handlePopUp}
-  //       >
-  //         <div className="flex flex-col justify-end">
-  //           <Image
-  //             className="object-scale-down"
-  //             src={"/profile/addfile_icon.png"}
-  //             alt="Add file icon"
-  //             height={75}
-  //             width={75}
-  //           />
-  //         </div>
-  //         <div className="text-neutral-800 relative flex w-full flex-col p-2 text-center text-lg">
-  //           Create New File
-  //         </div>
-  //       </button>
-  //       {filteredFiles.map((file, key) => (
-  //         <div key={key}>
-  //           <FileTile
-  //             id={file.id}
-  //             date={file.date}
-  //             url={file.url}
-  //             Tags={file.Tags}
-  //           />
-  //         </div>
-  //       ))}
-  //     </TileGrid>
-  //   </div>
-  // </div>
-  //   );
+  return (
+    <div className="relative flex min-h-screen flex-col">
+      {showAddFilePopUp ? (
+        <AddFile
+          showAddFilePopUp={showAddFilePopUp}
+          setShowAddFilePopUp={setShowAddFilePopUp}
+          seniorId={senior.id}
+          folder={senior.folder}
+        />
+      ) : null}
+      <div className="w-full p-8">
+        <h1 className="mb-4 font-serif text-5xl leading-normal sm:text-center md:text-left">
+          {senior.name}
+          <h2 className="font-serif text-xl"> {senior.location} </h2>
+        </h1>
+        <div className="mb-8 w-full border-solid bg-tan drop-shadow-md">
+          <p className="md:text-md max-h-[100px] overflow-scroll rounded bg-tan p-4 sm:text-lg">
+            {senior.description}
+          </p>
+        </div>
+        <div className="flex flex-row justify-between space-x-3 align-middle">
+          <SearchBar setFilter={setFilter} />
+          <div className="relative z-10">
+            <SortDropdown
+              sortMethod={sortMethod}
+              setSortMethod={setSortMethod}
+            />
+          </div>
+        </div>
+
+        <TileGrid>
+          <button
+            className="\ relative flex aspect-square w-auto flex-col items-center justify-center rounded 
+                           bg-white text-base drop-shadow-md hover:bg-off-white"
+            onClick={handlePopUp}
+          >
+            <div className="flex flex-col justify-end">
+              <Image
+                className="object-scale-down"
+                src={"/profile/addfile_icon.png"}
+                alt="Add file icon"
+                height={75}
+                width={75}
+              />
+            </div>
+            <div className="text-neutral-800 relative flex w-full flex-col p-2 text-center text-lg">
+              Create New File
+            </div>
+          </button>
+          {filteredFiles.map((file, key) => (
+            <div key={key}>
+              <FileTile
+                id={file.id}
+                name={file.name}
+                lastModified={new Date(file.lastModified)}
+                url={file.url}
+                Tags={file.Tags}
+              />
+            </div>
+          ))}
+        </TileGrid>
+      </div>
+    </div>
+  );
 };
 
 export default SeniorProfile;

From 05dbbf3b6b1ae6400acd57a84da30880ebdabbe6 Mon Sep 17 00:00:00 2001
From: nathan-j-edwards <nathanieljesseedwards@gmail.com>
Date: Fri, 23 Feb 2024 23:37:02 -0500
Subject: [PATCH 12/27] minor styling changes

---
 src/components/user/AddFile.tsx | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/src/components/user/AddFile.tsx b/src/components/user/AddFile.tsx
index 3e28d151..fd08fbe9 100644
--- a/src/components/user/AddFile.tsx
+++ b/src/components/user/AddFile.tsx
@@ -20,9 +20,10 @@ const TagSelector = ({
 }) => {
   return (
     <div>
-      <div className="text-neutral-600 mb-1 h-[34px] w-full font-sans text-lg">
+      <div className="text-neutral-600 mb-1 h-[34px] w-full font-['merriweather'] text-xl">
         Tags
       </div>
+      <div className="text-lg font-thin">Select min of 1, max of 3</div>
       <FilterDropdown<TagProps>
         items={tagList}
         filterMatch={(tag, text) => tag.name.indexOf(text) != -1}
@@ -76,14 +77,14 @@ const AddFile = ({
       {showAddFilePopUp && (
         <div className="absolute z-50 flex h-full w-screen flex-row place-content-center items-start justify-center backdrop-blur-[2px] backdrop-brightness-75 md:w-full">
           {!confirm && !error ? (
-            <div className="font-merriweather mt-20 flex min-h-[650px] w-1/2 flex-col justify-between rounded-lg bg-[#22555A] p-10 text-white">
+            <div className="mt-20 flex min-h-[650px] min-w-[700px] flex-col justify-between rounded-[16px] bg-[#22555A] p-10 font-['merriweather'] text-white">
               <div>
-                <div className="mb-8 text-3xl"> Create New File </div>
-                <div className="text-neutral-600 mb-1 h-[34px] w-full font-sans text-lg">
-                  File name
+                <div className="mb-8 text-3xl font-bold"> Create New File </div>
+                <div className="text-neutral-600 mb-1 h-[34px] w-full text-xl">
+                  Select Date
                 </div>
                 <input
-                  className="mb-5 h-[46px] w-full rounded border-2 border-tan px-3"
+                  className="mb-5 h-[50px] w-full rounded border-2 border-tan px-3 text-xl text-[#22555A]"
                   type="text"
                   value={fileName}
                   onChange={(e: React.ChangeEvent<HTMLInputElement>) =>
@@ -98,13 +99,13 @@ const AddFile = ({
 
               <div className="flex w-full flex-row justify-center">
                 <button
-                  className="mx-2 my-4 w-full max-w-[10rem] rounded bg-off-white p-3 text-lg font-normal drop-shadow-md hover:bg-offer-white"
+                  className="mx-2 my-4 w-full max-w-[10rem] rounded-[16px] bg-white p-3 text-2xl font-normal text-[#22555A] drop-shadow-md hover:bg-offer-white"
                   onClick={handleCancel}
                 >
                   Cancel
                 </button>
                 <button
-                  className="bg-legacy-teal mx-2 my-4 w-full max-w-[10rem] rounded p-3 text-lg font-normal text-white drop-shadow-md hover:bg-dark-teal"
+                  className="bg-legacy-teal mx-2 my-4 w-full max-w-[10rem] rounded-[16px] bg-white p-3 text-2xl font-normal text-[#22555A] drop-shadow-md hover:bg-offer-white"
                   onClick={callAddFile}
                 >
                   Create

From 9d94500eebfa79a8729b9e2e10556a5c1abdff7b Mon Sep 17 00:00:00 2001
From: nathan-j-edwards <nathanieljesseedwards@gmail.com>
Date: Fri, 23 Feb 2024 23:48:25 -0500
Subject: [PATCH 13/27] minor style changes

---
 src/components/user/AddFile.tsx | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/components/user/AddFile.tsx b/src/components/user/AddFile.tsx
index fd08fbe9..1010dd49 100644
--- a/src/components/user/AddFile.tsx
+++ b/src/components/user/AddFile.tsx
@@ -20,7 +20,7 @@ const TagSelector = ({
 }) => {
   return (
     <div>
-      <div className="text-neutral-600 mb-1 h-[34px] w-full font-['merriweather'] text-xl">
+      <div className="text-neutral-600 mb-1 h-[34px] w-full font-['merriweather'] text-2xl">
         Tags
       </div>
       <div className="text-lg font-thin">Select min of 1, max of 3</div>
@@ -79,12 +79,15 @@ const AddFile = ({
           {!confirm && !error ? (
             <div className="mt-20 flex min-h-[650px] min-w-[700px] flex-col justify-between rounded-[16px] bg-[#22555A] p-10 font-['merriweather'] text-white">
               <div>
-                <div className="mb-8 text-3xl font-bold"> Create New File </div>
-                <div className="text-neutral-600 mb-1 h-[34px] w-full text-xl">
+                <div className="mb-5 mt-4 text-3xl font-bold">
+                  {" "}
+                  Create New File{" "}
+                </div>
+                <div className="text-neutral-600 mb-3 h-[34px] w-full text-2xl font-thin">
                   Select Date
                 </div>
                 <input
-                  className="mb-5 h-[50px] w-full rounded border-2 border-tan px-3 text-xl text-[#22555A]"
+                  className="mb-4 h-[50px] w-full rounded border-2 border-tan px-3 text-xl text-[#22555A]"
                   type="text"
                   value={fileName}
                   onChange={(e: React.ChangeEvent<HTMLInputElement>) =>
@@ -99,13 +102,13 @@ const AddFile = ({
 
               <div className="flex w-full flex-row justify-center">
                 <button
-                  className="mx-2 my-4 w-full max-w-[10rem] rounded-[16px] bg-white p-3 text-2xl font-normal text-[#22555A] drop-shadow-md hover:bg-offer-white"
+                  className="mx-2 my-4 w-full max-w-[9rem] rounded-[16px] bg-white p-3 text-2xl font-medium text-[#22555A] drop-shadow-md hover:bg-offer-white"
                   onClick={handleCancel}
                 >
                   Cancel
                 </button>
                 <button
-                  className="bg-legacy-teal mx-2 my-4 w-full max-w-[10rem] rounded-[16px] bg-white p-3 text-2xl font-normal text-[#22555A] drop-shadow-md hover:bg-offer-white"
+                  className="bg-legacy-teal mx-2 my-4 w-full max-w-[9rem] rounded-[16px] bg-white p-3 text-2xl font-medium text-[#22555A] drop-shadow-md hover:bg-offer-white"
                   onClick={callAddFile}
                 >
                   Create

From 97d5a0b153d00596c5bb02dc43d2e8316756c76b Mon Sep 17 00:00:00 2001
From: nathan-j-edwards <nathanieljesseedwards@gmail.com>
Date: Sat, 24 Feb 2024 22:30:21 -0500
Subject: [PATCH 14/27] created calandar component

---
 package-lock.json                    | 700 +++++++++++++++++++++------
 package.json                         |   4 +-
 src/components/user/AddFile.tsx      |   8 +-
 src/components/user/DateSelector.tsx |  17 +
 4 files changed, 585 insertions(+), 144 deletions(-)
 create mode 100644 src/components/user/DateSelector.tsx

diff --git a/package-lock.json b/package-lock.json
index ea647c9c..562c8719 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -21,7 +21,7 @@
         "@next-auth/prisma-adapter": "^1.0.4",
         "@prisma/client": "^5.5.2",
         "@react-email/render": "^0.0.7",
-        "@sendgrid/mail": "^7.7.0",
+        "@sendgrid/mail": "^8.1.1",
         "classnames": "^2.3.2",
         "googleapis": "^117.0.0",
         "moment": "^2.30.1",
@@ -30,6 +30,7 @@
         "next": "^13.5.3",
         "next-auth": "^4.12.3",
         "react": "^18.2.0",
+        "react-datepicker": "^6.1.0",
         "react-dom": "^18.2.0",
         "react-hook-form": "^7.48.2",
         "uuidv4": "^6.2.13",
@@ -39,6 +40,7 @@
       "devDependencies": {
         "@types/node": "18.0.0",
         "@types/react": "18.0.14",
+        "@types/react-datepicker": "^6.0.1",
         "@types/react-dom": "18.0.5",
         "@typescript-eslint/eslint-plugin": "^5.33.0",
         "@typescript-eslint/parser": "^5.33.0",
@@ -101,10 +103,26 @@
       "integrity": "sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==",
       "optional": true
     },
+    "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.18.20",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.18.20.tgz",
-      "integrity": "sha512-fyi7TDI/ijKKNZTUJAQqiG5T7YjJXgnzkURqmGj13C6dCqckZBLdl4h7bkhHt/t0WP+zO9/zwroDvANaOqO5Sw==",
+      "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"
       ],
@@ -118,9 +136,9 @@
       }
     },
     "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==",
+      "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"
       ],
@@ -134,9 +152,9 @@
       }
     },
     "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==",
+      "version": "0.19.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.19.12.tgz",
+      "integrity": "sha512-3k7ZoUW6Q6YqhdhIaq/WZ7HwBpnFBlW905Fa4s4qWJyiNOgT1dOqDiVAQFwBH7gBRZr17gLrlFCRzF6jFh7Kew==",
       "cpu": [
         "x64"
       ],
@@ -150,9 +168,9 @@
       }
     },
     "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==",
+      "version": "0.19.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.19.12.tgz",
+      "integrity": "sha512-B6IeSgZgtEzGC42jsI+YYu9Z3HKRxp8ZT3cqhvliEHovq8HSX2YX8lNocDn79gCKJXOSaEot9MVYky7AKjCs8g==",
       "cpu": [
         "arm64"
       ],
@@ -166,9 +184,9 @@
       }
     },
     "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==",
+      "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"
       ],
@@ -182,9 +200,9 @@
       }
     },
     "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==",
+      "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"
       ],
@@ -198,9 +216,9 @@
       }
     },
     "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==",
+      "version": "0.19.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.19.12.tgz",
+      "integrity": "sha512-EYoXZ4d8xtBoVN7CEwWY2IN4ho76xjYXqSXMNccFSx2lgqOG/1TBPW0yPx1bJZk94qu3tX0fycJeeQsKovA8gg==",
       "cpu": [
         "x64"
       ],
@@ -214,9 +232,9 @@
       }
     },
     "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==",
+      "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"
       ],
@@ -230,9 +248,9 @@
       }
     },
     "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==",
+      "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"
       ],
@@ -246,9 +264,9 @@
       }
     },
     "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==",
+      "version": "0.19.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.19.12.tgz",
+      "integrity": "sha512-Thsa42rrP1+UIGaWz47uydHSBOgTUnwBwNq59khgIwktK6x60Hivfbux9iNR0eHCHzOLjLMLfUMLCypBkZXMHA==",
       "cpu": [
         "ia32"
       ],
@@ -262,9 +280,9 @@
       }
     },
     "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==",
+      "version": "0.19.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.19.12.tgz",
+      "integrity": "sha512-LiXdXA0s3IqRRjm6rV6XaWATScKAXjI4R4LoDlvO7+yQqFdlr1Bax62sRwkVvRIrwXxvtYEHHI4dm50jAXkuAA==",
       "cpu": [
         "loong64"
       ],
@@ -278,9 +296,9 @@
       }
     },
     "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==",
+      "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"
       ],
@@ -294,9 +312,9 @@
       }
     },
     "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==",
+      "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"
       ],
@@ -310,9 +328,9 @@
       }
     },
     "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==",
+      "version": "0.19.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.19.12.tgz",
+      "integrity": "sha512-2MueBrlPQCw5dVJJpQdUYgeqIzDQgw3QtiAHUC4RBz9FXPrskyyU3VI1hw7C0BSKB9OduwSJ79FTCqtGMWqJHg==",
       "cpu": [
         "riscv64"
       ],
@@ -326,9 +344,9 @@
       }
     },
     "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==",
+      "version": "0.19.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.19.12.tgz",
+      "integrity": "sha512-+Pil1Nv3Umes4m3AZKqA2anfhJiVmNCYkPchwFJNEJN5QxmTs1uzyy4TvmDrCRNT2ApwSari7ZIgrPeUx4UZDg==",
       "cpu": [
         "s390x"
       ],
@@ -342,9 +360,9 @@
       }
     },
     "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==",
+      "version": "0.19.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.19.12.tgz",
+      "integrity": "sha512-B71g1QpxfwBvNrfyJdVDexenDIt1CiDN1TIXLbhOw0KhJzE78KIFGX6OJ9MrtC0oOqMWf+0xop4qEU8JrJTwCg==",
       "cpu": [
         "x64"
       ],
@@ -358,9 +376,9 @@
       }
     },
     "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==",
+      "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"
       ],
@@ -374,9 +392,9 @@
       }
     },
     "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==",
+      "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"
       ],
@@ -390,9 +408,9 @@
       }
     },
     "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==",
+      "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"
       ],
@@ -406,9 +424,9 @@
       }
     },
     "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==",
+      "version": "0.19.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.19.12.tgz",
+      "integrity": "sha512-URgtR1dJnmGvX864pn1B2YUYNzjmXkuJOIqG2HdU62MVS4EHpU2946OZoTMnRUHklGtJdJZ33QfzdjGACXhn1A==",
       "cpu": [
         "arm64"
       ],
@@ -422,9 +440,9 @@
       }
     },
     "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==",
+      "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"
       ],
@@ -438,9 +456,9 @@
       }
     },
     "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==",
+      "version": "0.19.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.19.12.tgz",
+      "integrity": "sha512-T1QyPSDCyMXaO3pzBkF96E8xMkiRYbUEZADd29SyPGabqxMViNoii+NcK7eWJAEoU6RZyEm5lVSIjTmcdoB9HA==",
       "cpu": [
         "x64"
       ],
@@ -509,14 +527,19 @@
       }
     },
     "node_modules/@floating-ui/dom": {
-      "version": "1.5.3",
-      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.5.3.tgz",
-      "integrity": "sha512-ClAbQnEqJAKCJOEbbLo5IUlZHkNszqhuxS4fHAVxRPXPya6Ysf2G8KypnYcOTpx6I8xcgF9bbHb6g/2KpbV8qA==",
+      "version": "1.6.3",
+      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.6.3.tgz",
+      "integrity": "sha512-RnDthu3mzPlQ31Ss/BTwQ1zjzIhr3lk1gZB1OC56h/1vEtaXkESrOqL5fQVMfXpwGtRwX+YsZBdyHtJMQnkArw==",
       "dependencies": {
-        "@floating-ui/core": "^1.4.2",
-        "@floating-ui/utils": "^0.1.3"
+        "@floating-ui/core": "^1.0.0",
+        "@floating-ui/utils": "^0.2.0"
       }
     },
+    "node_modules/@floating-ui/dom/node_modules/@floating-ui/utils": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.1.tgz",
+      "integrity": "sha512-9TANp6GPoMtYzQdt54kfAyMmz1+osLlXdg2ENroU7zzrtflTLrrC/lgrIfaSe+Wu0b89GKccT7vxXA0MoAIO+Q=="
+    },
     "node_modules/@floating-ui/react": {
       "version": "0.19.0",
       "resolved": "https://registry.npmjs.org/@floating-ui/react/-/react-0.19.0.tgz",
@@ -1068,6 +1091,175 @@
         "node": ">=16.0.0"
       }
     },
+    "node_modules/@rollup/rollup-android-arm-eabi": {
+      "version": "4.12.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.12.0.tgz",
+      "integrity": "sha512-+ac02NL/2TCKRrJu2wffk1kZ+RyqxVUlbjSagNgPm94frxtr+XDL12E5Ll1enWskLrtrZ2r8L3wED1orIibV/w==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@rollup/rollup-android-arm64": {
+      "version": "4.12.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.12.0.tgz",
+      "integrity": "sha512-OBqcX2BMe6nvjQ0Nyp7cC90cnumt8PXmO7Dp3gfAju/6YwG0Tj74z1vKrfRz7qAv23nBcYM8BCbhrsWqO7PzQQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@rollup/rollup-darwin-arm64": {
+      "version": "4.12.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.12.0.tgz",
+      "integrity": "sha512-X64tZd8dRE/QTrBIEs63kaOBG0b5GVEd3ccoLtyf6IdXtHdh8h+I56C2yC3PtC9Ucnv0CpNFJLqKFVgCYe0lOQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rollup/rollup-darwin-x64": {
+      "version": "4.12.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.12.0.tgz",
+      "integrity": "sha512-cc71KUZoVbUJmGP2cOuiZ9HSOP14AzBAThn3OU+9LcA1+IUqswJyR1cAJj3Mg55HbjZP6OLAIscbQsQLrpgTOg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
+      "version": "4.12.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.12.0.tgz",
+      "integrity": "sha512-a6w/Y3hyyO6GlpKL2xJ4IOh/7d+APaqLYdMf86xnczU3nurFTaVN9s9jOXQg97BE4nYm/7Ga51rjec5nfRdrvA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-gnu": {
+      "version": "4.12.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.12.0.tgz",
+      "integrity": "sha512-0fZBq27b+D7Ar5CQMofVN8sggOVhEtzFUwOwPppQt0k+VR+7UHMZZY4y+64WJ06XOhBTKXtQB/Sv0NwQMXyNAA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-musl": {
+      "version": "4.12.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.12.0.tgz",
+      "integrity": "sha512-eTvzUS3hhhlgeAv6bfigekzWZjaEX9xP9HhxB0Dvrdbkk5w/b+1Sxct2ZuDxNJKzsRStSq1EaEkVSEe7A7ipgQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-riscv64-gnu": {
+      "version": "4.12.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.12.0.tgz",
+      "integrity": "sha512-ix+qAB9qmrCRiaO71VFfY8rkiAZJL8zQRXveS27HS+pKdjwUfEhqo2+YF2oI+H/22Xsiski+qqwIBxVewLK7sw==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-gnu": {
+      "version": "4.12.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.12.0.tgz",
+      "integrity": "sha512-TenQhZVOtw/3qKOPa7d+QgkeM6xY0LtwzR8OplmyL5LrgTWIXpTQg2Q2ycBf8jm+SFW2Wt/DTn1gf7nFp3ssVA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-musl": {
+      "version": "4.12.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.12.0.tgz",
+      "integrity": "sha512-LfFdRhNnW0zdMvdCb5FNuWlls2WbbSridJvxOvYWgSBOYZtgBfW9UGNJG//rwMqTX1xQE9BAodvMH9tAusKDUw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-arm64-msvc": {
+      "version": "4.12.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.12.0.tgz",
+      "integrity": "sha512-JPDxovheWNp6d7AHCgsUlkuCKvtu3RB55iNEkaQcf0ttsDU/JZF+iQnYcQJSk/7PtT4mjjVG8N1kpwnI9SLYaw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-ia32-msvc": {
+      "version": "4.12.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.12.0.tgz",
+      "integrity": "sha512-fjtuvMWRGJn1oZacG8IPnzIV6GF2/XG+h71FKn76OYFqySXInJtseAqdprVTDTyqPxQOG9Exak5/E9Z3+EJ8ZA==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-x64-msvc": {
+      "version": "4.12.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.12.0.tgz",
+      "integrity": "sha512-ZYmr5mS2wd4Dew/JjT0Fqi2NPB/ZhZ2VvPp7SmvPZb4Y1CG/LRcS6tcRo2cYU7zLK5A7cdbhWnnWmUjoI4qapg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
     "node_modules/@rushstack/eslint-patch": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.4.0.tgz",
@@ -1087,38 +1279,38 @@
       }
     },
     "node_modules/@sendgrid/client": {
-      "version": "7.7.0",
-      "resolved": "https://registry.npmjs.org/@sendgrid/client/-/client-7.7.0.tgz",
-      "integrity": "sha512-SxH+y8jeAQSnDavrTD0uGDXYIIkFylCo+eDofVmZLQ0f862nnqbC3Vd1ej6b7Le7lboyzQF6F7Fodv02rYspuA==",
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/@sendgrid/client/-/client-8.1.1.tgz",
+      "integrity": "sha512-pg0gYhAdyQil3Aga7/xHVcZFpvDAjAQMNBgMy5njTSkjACoWHmpSi1nWBZM7nIH/ptcRNMpnBbm9B5EvQ8fX2w==",
       "dependencies": {
-        "@sendgrid/helpers": "^7.7.0",
-        "axios": "^0.26.0"
+        "@sendgrid/helpers": "^8.0.0",
+        "axios": "^1.6.4"
       },
       "engines": {
-        "node": "6.* || 8.* || >=10.*"
+        "node": ">=12.*"
       }
     },
     "node_modules/@sendgrid/helpers": {
-      "version": "7.7.0",
-      "resolved": "https://registry.npmjs.org/@sendgrid/helpers/-/helpers-7.7.0.tgz",
-      "integrity": "sha512-3AsAxfN3GDBcXoZ/y1mzAAbKzTtUZ5+ZrHOmWQ279AuaFXUNCh9bPnRpN504bgveTqoW+11IzPg3I0WVgDINpw==",
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/@sendgrid/helpers/-/helpers-8.0.0.tgz",
+      "integrity": "sha512-Ze7WuW2Xzy5GT5WRx+yEv89fsg/pgy3T1E3FS0QEx0/VvRmigMZ5qyVGhJz4SxomegDkzXv/i0aFPpHKN8qdAA==",
       "dependencies": {
         "deepmerge": "^4.2.2"
       },
       "engines": {
-        "node": ">= 6.0.0"
+        "node": ">= 12.0.0"
       }
     },
     "node_modules/@sendgrid/mail": {
-      "version": "7.7.0",
-      "resolved": "https://registry.npmjs.org/@sendgrid/mail/-/mail-7.7.0.tgz",
-      "integrity": "sha512-5+nApPE9wINBvHSUxwOxkkQqM/IAAaBYoP9hw7WwgDNQPxraruVqHizeTitVtKGiqWCKm2mnjh4XGN3fvFLqaw==",
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/@sendgrid/mail/-/mail-8.1.1.tgz",
+      "integrity": "sha512-tNtmgWLtBA7ZxKtPuEGOaIdEZP1vZSXsj5zg9iuoDBPVj/fNz+7LWzndvTcKumHk5eaDrS0UPXJqBm61m3+H1A==",
       "dependencies": {
-        "@sendgrid/client": "^7.7.0",
-        "@sendgrid/helpers": "^7.7.0"
+        "@sendgrid/client": "^8.1.1",
+        "@sendgrid/helpers": "^8.0.0"
       },
       "engines": {
-        "node": "6.* || 8.* || >=10.*"
+        "node": ">=12.*"
       }
     },
     "node_modules/@sinclair/typebox": {
@@ -1150,6 +1342,12 @@
         "@types/chai": "*"
       }
     },
+    "node_modules/@types/estree": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.5.tgz",
+      "integrity": "sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==",
+      "dev": true
+    },
     "node_modules/@types/json-schema": {
       "version": "7.0.13",
       "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.13.tgz",
@@ -1184,6 +1382,51 @@
         "csstype": "^3.0.2"
       }
     },
+    "node_modules/@types/react-datepicker": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/@types/react-datepicker/-/react-datepicker-6.0.1.tgz",
+      "integrity": "sha512-oAavACLXz+Vm6kO1XZe1/LQJClOO32UUv4xva9G16KQJ2hNROtXyeGzmRg6mktHrQ+YGLnnNlN6S/XykQE2HMA==",
+      "dev": true,
+      "dependencies": {
+        "@floating-ui/react": "^0.26.2",
+        "@types/react": "*",
+        "date-fns": "^3.3.1"
+      }
+    },
+    "node_modules/@types/react-datepicker/node_modules/@floating-ui/react": {
+      "version": "0.26.9",
+      "resolved": "https://registry.npmjs.org/@floating-ui/react/-/react-0.26.9.tgz",
+      "integrity": "sha512-p86wynZJVEkEq2BBjY/8p2g3biQ6TlgT4o/3KgFKyTWoJLU1GZ8wpctwRqtkEl2tseYA+kw7dBAIDFcednfI5w==",
+      "dev": true,
+      "dependencies": {
+        "@floating-ui/react-dom": "^2.0.8",
+        "@floating-ui/utils": "^0.2.1",
+        "tabbable": "^6.0.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.0",
+        "react-dom": ">=16.8.0"
+      }
+    },
+    "node_modules/@types/react-datepicker/node_modules/@floating-ui/react-dom": {
+      "version": "2.0.8",
+      "resolved": "https://registry.npmjs.org/@floating-ui/react-dom/-/react-dom-2.0.8.tgz",
+      "integrity": "sha512-HOdqOt3R3OGeTKidaLvJKcgg75S6tibQ3Tif4eyd91QnIJWr0NLvoXFpJA/j8HqkFSL68GDca9AuyWEHlhyClw==",
+      "dev": true,
+      "dependencies": {
+        "@floating-ui/dom": "^1.6.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.0",
+        "react-dom": ">=16.8.0"
+      }
+    },
+    "node_modules/@types/react-datepicker/node_modules/@floating-ui/utils": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.1.tgz",
+      "integrity": "sha512-9TANp6GPoMtYzQdt54kfAyMmz1+osLlXdg2ENroU7zzrtflTLrrC/lgrIfaSe+Wu0b89GKccT7vxXA0MoAIO+Q==",
+      "dev": true
+    },
     "node_modules/@types/react-dom": {
       "version": "18.0.5",
       "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.0.5.tgz",
@@ -1870,6 +2113,11 @@
         "has-symbols": "^1.0.3"
       }
     },
+    "node_modules/asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
+    },
     "node_modules/autoprefixer": {
       "version": "10.4.16",
       "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.16.tgz",
@@ -1929,11 +2177,13 @@
       }
     },
     "node_modules/axios": {
-      "version": "0.26.1",
-      "resolved": "https://registry.npmjs.org/axios/-/axios-0.26.1.tgz",
-      "integrity": "sha512-fPwcX4EvnSHuInCMItEhAGnaSEXRBjtzh9fOtsE6E1G6p7vl7edEeZe11QHf18+6+9gR5PbKV/sGKNaD8YaMeA==",
+      "version": "1.6.7",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.6.7.tgz",
+      "integrity": "sha512-/hDJGff6/c7u0hDkvkGxR/oy6CbCs8ziCsC7SqmhjfozqiJGc8Z11wrv9z9lYfY4K8l+H9TpjcMDX0xOZmx+RA==",
       "dependencies": {
-        "follow-redirects": "^1.14.8"
+        "follow-redirects": "^1.15.4",
+        "form-data": "^4.0.0",
+        "proxy-from-env": "^1.1.0"
       }
     },
     "node_modules/axobject-query": {
@@ -2235,6 +2485,17 @@
       "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
       "dev": true
     },
+    "node_modules/combined-stream": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "dependencies": {
+        "delayed-stream": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
     "node_modules/commander": {
       "version": "10.0.1",
       "resolved": "https://registry.npmjs.org/commander/-/commander-10.0.1.tgz",
@@ -2317,6 +2578,15 @@
       "integrity": "sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==",
       "dev": true
     },
+    "node_modules/date-fns": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-3.3.1.tgz",
+      "integrity": "sha512-y8e109LYGgoQDveiEBD3DYXKba1jWf5BA8YU1FL5Tvm0BTdEfy54WLCwnuYWZNnzzvALy/QQ4Hov+Q9RVRv+Zw==",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/kossnocorp"
+      }
+    },
     "node_modules/debug": {
       "version": "4.3.4",
       "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
@@ -2390,6 +2660,14 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
     "node_modules/dequal": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
@@ -2694,9 +2972,9 @@
       }
     },
     "node_modules/esbuild": {
-      "version": "0.18.20",
-      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.18.20.tgz",
-      "integrity": "sha512-ceqxoedUrcayh7Y7ZX6NdbbDzGROiyVBgC4PriJThBKSVPWnnFHZAkfI1lJT8QFkOwH4qOS2SJkS4wvpGl8BpA==",
+      "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": {
@@ -2706,28 +2984,29 @@
         "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"
+        "@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/escalade": {
@@ -3357,9 +3636,9 @@
       "dev": true
     },
     "node_modules/follow-redirects": {
-      "version": "1.15.3",
-      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.3.tgz",
-      "integrity": "sha512-1VzOtuEM8pC9SFU1E+8KfTjZyMztRsgEfwQl44z8A25uy13jSzTj6dyK2Df52iV0vgHCfBwLhDWevLn95w5v6Q==",
+      "version": "1.15.5",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.5.tgz",
+      "integrity": "sha512-vSFWUON1B+yAw1VN4xMfxgn5fTUiaOzAJCKBwIIgT/+7CuGy9+r+5gITvP62j3RmaD5Ph65UaERdOSRGUzZtgw==",
       "funding": [
         {
           "type": "individual",
@@ -3384,6 +3663,19 @@
         "is-callable": "^1.1.3"
       }
     },
+    "node_modules/form-data": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
+      "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "mime-types": "^2.1.12"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/fraction.js": {
       "version": "4.3.6",
       "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.3.6.tgz",
@@ -4665,6 +4957,25 @@
         "node": ">=8.6"
       }
     },
+    "node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
     "node_modules/minimatch": {
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
@@ -4788,9 +5099,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",
@@ -4862,9 +5173,9 @@
       }
     },
     "node_modules/next-auth": {
-      "version": "4.23.1",
-      "resolved": "https://registry.npmjs.org/next-auth/-/next-auth-4.23.1.tgz",
-      "integrity": "sha512-mL083z8KgRtlrIV6CDca2H1kduWJuK/3pTS0Fe2og15KOm4v2kkLGdSDfc2g+019aEBrJUT0pPW2Xx42ImN1WA==",
+      "version": "4.24.6",
+      "resolved": "https://registry.npmjs.org/next-auth/-/next-auth-4.24.6.tgz",
+      "integrity": "sha512-djQt3ZEaWEIxcsuh3HTW2uuzLfXMRjHH+ugAsichlQSbH4iA5MRcgMA2HvTNvsDTDLh44tyU72+/gWsxgTbAKg==",
       "dependencies": {
         "@babel/runtime": "^7.20.13",
         "@panva/hkdf": "^1.0.2",
@@ -4877,7 +5188,7 @@
         "uuid": "^8.3.2"
       },
       "peerDependencies": {
-        "next": "^12.2.5 || ^13",
+        "next": "^12.2.5 || ^13 || ^14",
         "nodemailer": "^6.6.5",
         "react": "^17.0.2 || ^18",
         "react-dom": "^17.0.2 || ^18"
@@ -5538,6 +5849,11 @@
       "resolved": "https://registry.npmjs.org/proto-list/-/proto-list-1.2.4.tgz",
       "integrity": "sha512-vtK/94akxsTMhe0/cbfpR+syPuszcuwhqVjJq26CuNDgFGj682oRBXOP5MJpv2r7JtE8MsiepGIqvvOTBwn2vA=="
     },
+    "node_modules/proxy-from-env": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
+      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="
+    },
     "node_modules/punycode": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.0.tgz",
@@ -5591,6 +5907,53 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/react-datepicker": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/react-datepicker/-/react-datepicker-6.1.0.tgz",
+      "integrity": "sha512-8uz+hAOpvHqZGvD4Ky1hJ0/tLI4S9B0Gu9LV7LtLxRKXODs/xrxEay0aMVp7AW9iizTeImZh/6aA00fFaRZpJw==",
+      "dependencies": {
+        "@floating-ui/react": "^0.26.2",
+        "classnames": "^2.2.6",
+        "date-fns": "^3.3.1",
+        "prop-types": "^15.7.2",
+        "react-onclickoutside": "^6.13.0"
+      },
+      "peerDependencies": {
+        "react": "^16.9.0 || ^17 || ^18",
+        "react-dom": "^16.9.0 || ^17 || ^18"
+      }
+    },
+    "node_modules/react-datepicker/node_modules/@floating-ui/react": {
+      "version": "0.26.9",
+      "resolved": "https://registry.npmjs.org/@floating-ui/react/-/react-0.26.9.tgz",
+      "integrity": "sha512-p86wynZJVEkEq2BBjY/8p2g3biQ6TlgT4o/3KgFKyTWoJLU1GZ8wpctwRqtkEl2tseYA+kw7dBAIDFcednfI5w==",
+      "dependencies": {
+        "@floating-ui/react-dom": "^2.0.8",
+        "@floating-ui/utils": "^0.2.1",
+        "tabbable": "^6.0.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.0",
+        "react-dom": ">=16.8.0"
+      }
+    },
+    "node_modules/react-datepicker/node_modules/@floating-ui/react-dom": {
+      "version": "2.0.8",
+      "resolved": "https://registry.npmjs.org/@floating-ui/react-dom/-/react-dom-2.0.8.tgz",
+      "integrity": "sha512-HOdqOt3R3OGeTKidaLvJKcgg75S6tibQ3Tif4eyd91QnIJWr0NLvoXFpJA/j8HqkFSL68GDca9AuyWEHlhyClw==",
+      "dependencies": {
+        "@floating-ui/dom": "^1.6.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.0",
+        "react-dom": ">=16.8.0"
+      }
+    },
+    "node_modules/react-datepicker/node_modules/@floating-ui/utils": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.1.tgz",
+      "integrity": "sha512-9TANp6GPoMtYzQdt54kfAyMmz1+osLlXdg2ENroU7zzrtflTLrrC/lgrIfaSe+Wu0b89GKccT7vxXA0MoAIO+Q=="
+    },
     "node_modules/react-dom": {
       "version": "18.2.0",
       "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz",
@@ -5623,6 +5986,19 @@
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
       "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
     },
+    "node_modules/react-onclickoutside": {
+      "version": "6.13.0",
+      "resolved": "https://registry.npmjs.org/react-onclickoutside/-/react-onclickoutside-6.13.0.tgz",
+      "integrity": "sha512-ty8So6tcUpIb+ZE+1HAhbLROvAIJYyJe/1vRrrcmW+jLsaM+/powDRqxzo6hSh9CuRZGSL1Q8mvcF5WRD93a0A==",
+      "funding": {
+        "type": "individual",
+        "url": "https://github.com/Pomax/react-onclickoutside/blob/master/FUNDING.md"
+      },
+      "peerDependencies": {
+        "react": "^15.5.x || ^16.x || ^17.x || ^18.x",
+        "react-dom": "^15.5.x || ^16.x || ^17.x || ^18.x"
+      }
+    },
     "node_modules/read-cache": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
@@ -5759,18 +6135,34 @@
       }
     },
     "node_modules/rollup": {
-      "version": "3.29.4",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.29.4.tgz",
-      "integrity": "sha512-oWzmBZwvYrU0iJHtDmhsm662rC15FRXmcjCk1xD771dFDx5jJ02ufAQQTn0etB2emNk4J9EZg/yWKpsn9BWGRw==",
+      "version": "4.12.0",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.12.0.tgz",
+      "integrity": "sha512-wz66wn4t1OHIJw3+XU7mJJQV/2NAfw5OAk6G6Hoo3zcvz/XOfQ52Vgi+AN4Uxoxi0KBBwk2g8zPrTDA4btSB/Q==",
       "dev": true,
+      "dependencies": {
+        "@types/estree": "1.0.5"
+      },
       "bin": {
         "rollup": "dist/bin/rollup"
       },
       "engines": {
-        "node": ">=14.18.0",
+        "node": ">=18.0.0",
         "npm": ">=8.0.0"
       },
       "optionalDependencies": {
+        "@rollup/rollup-android-arm-eabi": "4.12.0",
+        "@rollup/rollup-android-arm64": "4.12.0",
+        "@rollup/rollup-darwin-arm64": "4.12.0",
+        "@rollup/rollup-darwin-x64": "4.12.0",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.12.0",
+        "@rollup/rollup-linux-arm64-gnu": "4.12.0",
+        "@rollup/rollup-linux-arm64-musl": "4.12.0",
+        "@rollup/rollup-linux-riscv64-gnu": "4.12.0",
+        "@rollup/rollup-linux-x64-gnu": "4.12.0",
+        "@rollup/rollup-linux-x64-musl": "4.12.0",
+        "@rollup/rollup-win32-arm64-msvc": "4.12.0",
+        "@rollup/rollup-win32-ia32-msvc": "4.12.0",
+        "@rollup/rollup-win32-x64-msvc": "4.12.0",
         "fsevents": "~2.3.2"
       }
     },
@@ -6626,29 +7018,29 @@
       "dev": true
     },
     "node_modules/vite": {
-      "version": "4.4.11",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-4.4.11.tgz",
-      "integrity": "sha512-ksNZJlkcU9b0lBwAGZGGaZHCMqHsc8OpgtoYhsQ4/I2v5cnpmmmqe5pM4nv/4Hn6G/2GhTdj0DhZh2e+Er1q5A==",
+      "version": "5.1.4",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-5.1.4.tgz",
+      "integrity": "sha512-n+MPqzq+d9nMVTKyewqw6kSt+R3CkvF9QAKY8obiQn8g1fwTscKxyfaYnC632HtBXAQGc1Yjomphwn1dtwGAHg==",
       "dev": true,
       "dependencies": {
-        "esbuild": "^0.18.10",
-        "postcss": "^8.4.27",
-        "rollup": "^3.27.1"
+        "esbuild": "^0.19.3",
+        "postcss": "^8.4.35",
+        "rollup": "^4.2.0"
       },
       "bin": {
         "vite": "bin/vite.js"
       },
       "engines": {
-        "node": "^14.18.0 || >=16.0.0"
+        "node": "^18.0.0 || >=20.0.0"
       },
       "funding": {
         "url": "https://github.com/vitejs/vite?sponsor=1"
       },
       "optionalDependencies": {
-        "fsevents": "~2.3.2"
+        "fsevents": "~2.3.3"
       },
       "peerDependencies": {
-        "@types/node": ">= 14",
+        "@types/node": "^18.0.0 || >=20.0.0",
         "less": "*",
         "lightningcss": "^1.21.0",
         "sass": "*",
@@ -6703,6 +7095,34 @@
         "url": "https://opencollective.com/vitest"
       }
     },
+    "node_modules/vite/node_modules/postcss": {
+      "version": "8.4.35",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.35.tgz",
+      "integrity": "sha512-u5U8qYpBCpN13BsiEB0CbR1Hhh4Gc0zLFuedrHJKMctHCHAGrMdG0PRM/KErzAL3CU6/eckEtmHNB3x6e3c0vA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "nanoid": "^3.3.7",
+        "picocolors": "^1.0.0",
+        "source-map-js": "^1.0.2"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
     "node_modules/vitest": {
       "version": "0.34.6",
       "resolved": "https://registry.npmjs.org/vitest/-/vitest-0.34.6.tgz",
diff --git a/package.json b/package.json
index 4fd77d6f..980612c2 100644
--- a/package.json
+++ b/package.json
@@ -23,7 +23,7 @@
     "@next-auth/prisma-adapter": "^1.0.4",
     "@prisma/client": "^5.5.2",
     "@react-email/render": "^0.0.7",
-    "@sendgrid/mail": "^7.7.0",
+    "@sendgrid/mail": "^8.1.1",
     "classnames": "^2.3.2",
     "googleapis": "^117.0.0",
     "moment": "^2.30.1",
@@ -32,6 +32,7 @@
     "next": "^13.5.3",
     "next-auth": "^4.12.3",
     "react": "^18.2.0",
+    "react-datepicker": "^6.1.0",
     "react-dom": "^18.2.0",
     "react-hook-form": "^7.48.2",
     "uuidv4": "^6.2.13",
@@ -41,6 +42,7 @@
   "devDependencies": {
     "@types/node": "18.0.0",
     "@types/react": "18.0.14",
+    "@types/react-datepicker": "^6.0.1",
     "@types/react-dom": "18.0.5",
     "@typescript-eslint/eslint-plugin": "^5.33.0",
     "@typescript-eslint/parser": "^5.33.0",
diff --git a/src/components/user/AddFile.tsx b/src/components/user/AddFile.tsx
index 1010dd49..0b6f9a1d 100644
--- a/src/components/user/AddFile.tsx
+++ b/src/components/user/AddFile.tsx
@@ -3,6 +3,7 @@
 import React, { Dispatch, SetStateAction, useState } from "react";
 import FilterDropdown from "@components/FilterDropdown";
 import Tag, { TagProps, tagList } from "@components/Tag";
+import DateSelector from "./DateSelector";
 
 type AddFileProps = {
   showAddFilePopUp: boolean;
@@ -77,7 +78,7 @@ const AddFile = ({
       {showAddFilePopUp && (
         <div className="absolute z-50 flex h-full w-screen flex-row place-content-center items-start justify-center backdrop-blur-[2px] backdrop-brightness-75 md:w-full">
           {!confirm && !error ? (
-            <div className="mt-20 flex min-h-[650px] min-w-[700px] flex-col justify-between rounded-[16px] bg-[#22555A] p-10 font-['merriweather'] text-white">
+            <div className="mt-20 flex min-h-[650px] min-w-[750px] flex-col justify-between rounded-[16px] bg-[#22555A] p-10 font-['merriweather'] text-white">
               <div>
                 <div className="mb-5 mt-4 text-3xl font-bold">
                   {" "}
@@ -86,14 +87,15 @@ const AddFile = ({
                 <div className="text-neutral-600 mb-3 h-[34px] w-full text-2xl font-thin">
                   Select Date
                 </div>
-                <input
+                <DateSelector />
+                {/* <input
                   className="mb-4 h-[50px] w-full rounded border-2 border-tan px-3 text-xl text-[#22555A]"
                   type="text"
                   value={fileName}
                   onChange={(e: React.ChangeEvent<HTMLInputElement>) =>
                     setFilename(e.target.value)
                   }
-                />
+                /> */}
                 <TagSelector
                   selectedTags={selectedTags}
                   setSelectedTags={setSelectedTags}
diff --git a/src/components/user/DateSelector.tsx b/src/components/user/DateSelector.tsx
new file mode 100644
index 00000000..ee270ae4
--- /dev/null
+++ b/src/components/user/DateSelector.tsx
@@ -0,0 +1,17 @@
+import { useState } from "react";
+import DatePicker from "react-datepicker";
+import "react-datepicker/dist/react-datepicker.css";
+
+const DateSelector = () => {
+  const [startDate, setStartDate] = useState(new Date());
+  return (
+    <div className="text-black">
+      <DatePicker
+        selected={startDate}
+        onChange={(date) => date && setStartDate(date)}
+      />
+    </div>
+  );
+};
+
+export default DateSelector;

From 82f177f44060c42d773ff849202aea49357a18b0 Mon Sep 17 00:00:00 2001
From: nathan-j-edwards <nathanieljesseedwards@gmail.com>
Date: Sat, 24 Feb 2024 23:27:51 -0500
Subject: [PATCH 15/27] added styling to calandar

---
 src/components/user/DateSelector.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/user/DateSelector.tsx b/src/components/user/DateSelector.tsx
index ee270ae4..fd8bf335 100644
--- a/src/components/user/DateSelector.tsx
+++ b/src/components/user/DateSelector.tsx
@@ -5,10 +5,12 @@ import "react-datepicker/dist/react-datepicker.css";
 const DateSelector = () => {
   const [startDate, setStartDate] = useState(new Date());
   return (
-    <div className="text-black">
+    <div className="mb-4 font-['merriweather'] text-2xl text-[#22555A]">
       <DatePicker
+        className="h-[70px] w-[700px] rounded-lg pl-[30px]"
         selected={startDate}
         onChange={(date) => date && setStartDate(date)}
+        dateFormat="dd MMMM yyyy"
       />
     </div>
   );

From e9a3affb081f8017624a8b6f18fafe1f049b371e Mon Sep 17 00:00:00 2001
From: nathan-j-edwards <nathanieljesseedwards@gmail.com>
Date: Wed, 21 Feb 2024 20:56:04 -0500
Subject: [PATCH 16/27] created page for popup

---
 src/components/user/AddFile.tsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/components/user/AddFile.tsx b/src/components/user/AddFile.tsx
index 0b6f9a1d..6ed2ffc1 100644
--- a/src/components/user/AddFile.tsx
+++ b/src/components/user/AddFile.tsx
@@ -1,5 +1,7 @@
 "use client";
 
+"use client";
+
 import React, { Dispatch, SetStateAction, useState } from "react";
 import FilterDropdown from "@components/FilterDropdown";
 import Tag, { TagProps, tagList } from "@components/Tag";
@@ -76,6 +78,7 @@ const AddFile = ({
   return (
     <>
       {showAddFilePopUp && (
+        <div className="absolute z-50 flex h-full w-screen flex-row place-content-center items-start justify-center backdrop-blur-[2px] backdrop-brightness-75 md:w-full">
         <div className="absolute z-50 flex h-full w-screen flex-row place-content-center items-start justify-center backdrop-blur-[2px] backdrop-brightness-75 md:w-full">
           {!confirm && !error ? (
             <div className="mt-20 flex min-h-[650px] min-w-[750px] flex-col justify-between rounded-[16px] bg-[#22555A] p-10 font-['merriweather'] text-white">

From d81aecf4c4a808c252c9bb780291d90c664a5613 Mon Sep 17 00:00:00 2001
From: nathan-j-edwards <nathanieljesseedwards@gmail.com>
Date: Wed, 28 Feb 2024 20:57:15 -0500
Subject: [PATCH 17/27] fixed file route and moved add file to correct page

---
 src/components/file/AddFile.tsx      |  36 +++--
 src/components/user/AddFile.tsx      |  43 +++---
 src/components/user/DateSelector.tsx |  19 ---
 src/pages/senior/[id].tsx            | 191 +++++++++++++--------------
 4 files changed, 143 insertions(+), 146 deletions(-)
 delete mode 100644 src/components/user/DateSelector.tsx

diff --git a/src/components/file/AddFile.tsx b/src/components/file/AddFile.tsx
index 4b3de615..73343fdb 100644
--- a/src/components/file/AddFile.tsx
+++ b/src/components/file/AddFile.tsx
@@ -1,19 +1,37 @@
 import FileTile from "@components/file/FileTile";
 import { faFileCirclePlus } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { useState } from "react";
+import AddFilePopup from "@components/user/AddFile";
 
 const AddFile = () => {
+  const [showAddFilePopUp, setShowAddFilePopUp] = useState<boolean>(false);
+  const handlePopUp = () => {
+    setShowAddFilePopUp(!showAddFilePopUp);
+  };
   return (
-    <FileTile className="border-2 border-dark-teal">
-      <div className="flex h-full w-full cursor-pointer flex-col items-center justify-center gap-y-2.5">
-        <FontAwesomeIcon
-          icon={faFileCirclePlus}
-          className="text-dark-teal"
-          size="xl"
+    <div>
+      {showAddFilePopUp ? (
+        <AddFilePopup
+          showAddFilePopUp={showAddFilePopUp}
+          setShowAddFilePopUp={setShowAddFilePopUp}
+          seniorId={"65d6a19f5b3cabcd18dbe3b1"}
+          folder={"1d9z-eV5eTCOdiWP_dhIx5-O5NA82lC1_"}
         />
-        <h1 className="text-lg text-dark-teal">New File</h1>
-      </div>
-    </FileTile>
+      ) : null}
+      <button onClick={handlePopUp}>
+        <FileTile className="border-2 border-dark-teal">
+          <div className="flex h-full w-full cursor-pointer flex-col items-center justify-center gap-y-2.5">
+            <FontAwesomeIcon
+              icon={faFileCirclePlus}
+              className="text-dark-teal"
+              size="xl"
+            />
+            <h1 className="text-lg text-dark-teal">New File</h1>
+          </div>
+        </FileTile>
+      </button>
+    </div>
   );
 };
 
diff --git a/src/components/user/AddFile.tsx b/src/components/user/AddFile.tsx
index 0b6f9a1d..21ae8467 100644
--- a/src/components/user/AddFile.tsx
+++ b/src/components/user/AddFile.tsx
@@ -3,7 +3,9 @@
 import React, { Dispatch, SetStateAction, useState } from "react";
 import FilterDropdown from "@components/FilterDropdown";
 import Tag, { TagProps, tagList } from "@components/Tag";
-import DateSelector from "./DateSelector";
+import DatePicker from "react-datepicker";
+import "react-datepicker/dist/react-datepicker.css";
+import { createFile } from "@api/file/route.client";
 
 type AddFileProps = {
   showAddFilePopUp: boolean;
@@ -42,7 +44,7 @@ const AddFile = ({
   seniorId,
   folder,
 }: AddFileProps) => {
-  const [fileName, setFilename] = useState<string>("");
+  const [startDate, setStartDate] = useState(new Date());
   const [description, setDescription] = useState<string>("");
   const [confirm, setConfirm] = useState<boolean>(false);
   const [error, setError] = useState<boolean>(false);
@@ -53,20 +55,17 @@ const AddFile = ({
   };
 
   const callAddFile = async () => {
-    // POST file in drive
-    const addFileRes = await fetch("/api/drive/addfile", {
-      method: "POST",
-      body: JSON.stringify({
-        fileName: fileName,
-        description: description,
-        fileType: "Google Document",
+    const response = await createFile({
+      body: {
+        date: startDate,
+        filetype: "Google Document",
+        url: "",
+        Tags: selectedTags.map((tagProp) => tagProp.name),
         seniorId: seniorId,
-        tags: selectedTags.map((tagProp) => tagProp.name),
-        folder: folder,
-      }),
+      },
     });
 
-    if (addFileRes.status === 200) {
+    if (response.code == "SUCCESS") {
       setConfirm(true);
     } else {
       setError(true);
@@ -87,15 +86,15 @@ const AddFile = ({
                 <div className="text-neutral-600 mb-3 h-[34px] w-full text-2xl font-thin">
                   Select Date
                 </div>
-                <DateSelector />
-                {/* <input
-                  className="mb-4 h-[50px] w-full rounded border-2 border-tan px-3 text-xl text-[#22555A]"
-                  type="text"
-                  value={fileName}
-                  onChange={(e: React.ChangeEvent<HTMLInputElement>) =>
-                    setFilename(e.target.value)
-                  }
-                /> */}
+                <div className="mb-4 font-['merriweather'] text-2xl text-[#22555A]">
+                  <DatePicker
+                    className="h-[70px] w-[700px] rounded-lg pl-[30px]"
+                    selected={startDate}
+                    onChange={(date) => date && setStartDate(date)}
+                    dateFormat="dd MMMM yyyy"
+                    // excludeDates={}
+                  />
+                </div>
                 <TagSelector
                   selectedTags={selectedTags}
                   setSelectedTags={setSelectedTags}
diff --git a/src/components/user/DateSelector.tsx b/src/components/user/DateSelector.tsx
deleted file mode 100644
index fd8bf335..00000000
--- a/src/components/user/DateSelector.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import { useState } from "react";
-import DatePicker from "react-datepicker";
-import "react-datepicker/dist/react-datepicker.css";
-
-const DateSelector = () => {
-  const [startDate, setStartDate] = useState(new Date());
-  return (
-    <div className="mb-4 font-['merriweather'] text-2xl text-[#22555A]">
-      <DatePicker
-        className="h-[70px] w-[700px] rounded-lg pl-[30px]"
-        selected={startDate}
-        onChange={(date) => date && setStartDate(date)}
-        dateFormat="dd MMMM yyyy"
-      />
-    </div>
-  );
-};
-
-export default DateSelector;
diff --git a/src/pages/senior/[id].tsx b/src/pages/senior/[id].tsx
index 1f22bfd4..adec93c6 100644
--- a/src/pages/senior/[id].tsx
+++ b/src/pages/senior/[id].tsx
@@ -12,20 +12,20 @@ import { z } from "zod";
 import { Approval } from "@prisma/client";
 import { prisma } from "@server/db/client";
 
-// type ISeniorProfileProps = Awaited<
-//   ReturnType<typeof getServerSideProps>
-// >["props"] & {
-//   redirect: undefined;
-// };
+type ISeniorProfileProps = Awaited<
+  ReturnType<typeof getServerSideProps>
+>["props"] & {
+  redirect: undefined;
+};
 
-// type SerialzedFile = ISeniorProfileProps["senior"]["Files"][number];
+type SerialzedFile = ISeniorProfileProps["senior"]["Files"][number];
 
 const SeniorProfile = ({ senior }: any) => {
-  // const [files, _] = useState(senior.Files);
-  // const [sortMethod, setSortMethod] = useState<SortMethod>("By Name");
-  // const [filter, setFilter] = useState("");
-  // const [showAddFilePopUp, setShowAddFilePopUp] = useState<boolean>(false);
-  /*
+  const [files, _] = useState(senior.Files);
+  const [sortMethod, setSortMethod] = useState<SortMethod>("By Name");
+  const [filter, setFilter] = useState("");
+  const [showAddFilePopUp, setShowAddFilePopUp] = useState<boolean>(false);
+
   const sortFunction =
     sortMethod === "By Name"
       ? ({ name: nameA }: SerialzedFile, { name: nameB }: SerialzedFile) =>
@@ -46,7 +46,6 @@ const SeniorProfile = ({ senior }: any) => {
   const handlePopUp = () => {
     setShowAddFilePopUp(!showAddFilePopUp);
   };
-  */
 
   return (
     <div className="relative flex min-h-screen flex-col">
@@ -80,7 +79,7 @@ const SeniorProfile = ({ senior }: any) => {
 
         <TileGrid>
           <button
-            className="\ relative flex aspect-square w-auto flex-col items-center justify-center rounded 
+            className="\ relative flex aspect-square w-auto flex-col items-center justify-center rounded
                            bg-white text-base drop-shadow-md hover:bg-off-white"
             onClick={handlePopUp}
           >
@@ -116,86 +115,86 @@ const SeniorProfile = ({ senior }: any) => {
 
 export default SeniorProfile;
 
-// export const getServerSideProps = async (
-//   context: GetServerSidePropsContext
-// ) => {
-//   const session = await getServerAuthSession(context);
-//   const seniorId = z.string().parse(context.query.id);
-
-//   if (!session || !session.user) {
-//     return {
-//       redirect: {
-//         destination: "/login",
-//         permanent: false,
-//       },
-//     };
-//   }
-
-//   if (!prisma) {
-//     return {
-//       redirect: {
-//         destination: "/",
-//         permanent: false,
-//       },
-//     };
-//   }
-
-//   const user = await prisma.user.findUnique({
-//     where: {
-//       id: session.user.id,
-//     },
-//   });
-
-//   if (!user) {
-//     return {
-//       redirect: {
-//         destination: "/",
-//         permanent: false,
-//       },
-//     };
-//   }
-
-//   if (user.approved === Approval.PENDING) {
-//     return {
-//       redirect: {
-//         destination: "/pending",
-//         permanent: false,
-//       },
-//     };
-//   }
-
-//   // await fetch ("/api/senior/" + seniorId, { method: "GET" });
-//   // TODO: not using our beautiful API routes??
-//   const senior = await prisma.senior.findUnique({
-//     where: {
-//       id: seniorId, //get all information for given senior
-//     },
-//     include: {
-//       Files: true,
-//     },
-//   });
-
-//   if (
-//     !senior ||
-//     (!user.admin && !senior.StudentIDs.includes(session.user.id))
-//   ) {
-//     return {
-//       redirect: {
-//         destination: "/",
-//         permanent: false,
-//       },
-//     };
-//   }
-
-//   return {
-//     // props: {
-//     //   senior: {
-//     //     ...senior,
-//     //     Files: senior.Files.map((file) => ({
-//     //       ...file,
-//     //       lastModified: file.lastModified.getTime(),
-//     //     })),
-//     //   },
-//     // },
-//   };
-// };
+export const getServerSideProps = async (
+  context: GetServerSidePropsContext
+) => {
+  const session = await getServerAuthSession(context);
+  const seniorId = z.string().parse(context.query.id);
+
+  if (!session || !session.user) {
+    return {
+      redirect: {
+        destination: "/login",
+        permanent: false,
+      },
+    };
+  }
+
+  if (!prisma) {
+    return {
+      redirect: {
+        destination: "/",
+        permanent: false,
+      },
+    };
+  }
+
+  const user = await prisma.user.findUnique({
+    where: {
+      id: session.user.id,
+    },
+  });
+
+  if (!user) {
+    return {
+      redirect: {
+        destination: "/",
+        permanent: false,
+      },
+    };
+  }
+
+  if (user.approved === Approval.PENDING) {
+    return {
+      redirect: {
+        destination: "/pending",
+        permanent: false,
+      },
+    };
+  }
+
+  // await fetch ("/api/senior/" + seniorId, { method: "GET" });
+  // TODO: not using our beautiful API routes??
+  const senior = await prisma.senior.findUnique({
+    where: {
+      id: seniorId, //get all information for given senior
+    },
+    include: {
+      Files: true,
+    },
+  });
+
+  if (
+    !senior ||
+    (!user.admin && !senior.StudentIDs.includes(session.user.id))
+  ) {
+    return {
+      redirect: {
+        destination: "/",
+        permanent: false,
+      },
+    };
+  }
+
+  return {
+    props: {
+      senior: {
+        ...senior,
+        Files: senior.Files.map((file) => ({
+          ...file,
+          lastModified: file.lastModified.getTime(),
+        })),
+      },
+    },
+  };
+};

From d76c761d80806955e32b78eb3dd4783bce52286a Mon Sep 17 00:00:00 2001
From: nathan-j-edwards <nathanieljesseedwards@gmail.com>
Date: Sun, 3 Mar 2024 22:28:47 -0500
Subject: [PATCH 18/27] disabled dates of existing files

---
 src/components/file/AddFile.tsx         | 4 +++-
 src/components/senior/DisplaySenior.tsx | 2 +-
 src/components/user/AddFile.tsx         | 8 ++++++--
 3 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/components/file/AddFile.tsx b/src/components/file/AddFile.tsx
index 73343fdb..6efc9c11 100644
--- a/src/components/file/AddFile.tsx
+++ b/src/components/file/AddFile.tsx
@@ -3,8 +3,9 @@ import { faFileCirclePlus } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { useState } from "react";
 import AddFilePopup from "@components/user/AddFile";
+import { File as PrismaFile, Prisma } from "@prisma/client";
 
-const AddFile = () => {
+const AddFile = (files: PrismaFile[]) => {
   const [showAddFilePopUp, setShowAddFilePopUp] = useState<boolean>(false);
   const handlePopUp = () => {
     setShowAddFilePopUp(!showAddFilePopUp);
@@ -16,6 +17,7 @@ const AddFile = () => {
           showAddFilePopUp={showAddFilePopUp}
           setShowAddFilePopUp={setShowAddFilePopUp}
           seniorId={"65d6a19f5b3cabcd18dbe3b1"}
+          files={files}
           folder={"1d9z-eV5eTCOdiWP_dhIx5-O5NA82lC1_"}
         />
       ) : null}
diff --git a/src/components/senior/DisplaySenior.tsx b/src/components/senior/DisplaySenior.tsx
index 7a48ca5a..cab799b6 100644
--- a/src/components/senior/DisplaySenior.tsx
+++ b/src/components/senior/DisplaySenior.tsx
@@ -59,7 +59,7 @@ const DisplaySenior = (props: DisplayProps) => {
         display={(file) => <File key={file.id} file={file} />}
         elements={FILES} // TODO(nickbar01234) - Replace with real data
         search={(file, filter) => formatFileDate(file.date).includes(filter)}
-        addElementComponent={<AddFile key={addFileId} />}
+        addElementComponent={<AddFile key={addFileId} {...senior.Files} />}
       />
     </div>
   );
diff --git a/src/components/user/AddFile.tsx b/src/components/user/AddFile.tsx
index 21ae8467..04529ec0 100644
--- a/src/components/user/AddFile.tsx
+++ b/src/components/user/AddFile.tsx
@@ -6,11 +6,13 @@ import Tag, { TagProps, tagList } from "@components/Tag";
 import DatePicker from "react-datepicker";
 import "react-datepicker/dist/react-datepicker.css";
 import { createFile } from "@api/file/route.client";
+import { File as PrismaFile, Prisma } from "@prisma/client";
 
 type AddFileProps = {
   showAddFilePopUp: boolean;
   setShowAddFilePopUp: Dispatch<SetStateAction<boolean>>;
   seniorId: string;
+  files: PrismaFile[];
   folder: string;
 };
 
@@ -42,10 +44,10 @@ const AddFile = ({
   showAddFilePopUp,
   setShowAddFilePopUp,
   seniorId,
+  files,
   folder,
 }: AddFileProps) => {
   const [startDate, setStartDate] = useState(new Date());
-  const [description, setDescription] = useState<string>("");
   const [confirm, setConfirm] = useState<boolean>(false);
   const [error, setError] = useState<boolean>(false);
   const [selectedTags, setSelectedTags] = useState<TagProps[]>([]);
@@ -71,6 +73,8 @@ const AddFile = ({
       setError(true);
     }
   };
+  const currFiles = Object.values(files);
+  const excludeDates = currFiles.map((fileObj) => fileObj.date);
 
   return (
     <>
@@ -92,7 +96,7 @@ const AddFile = ({
                     selected={startDate}
                     onChange={(date) => date && setStartDate(date)}
                     dateFormat="dd MMMM yyyy"
-                    // excludeDates={}
+                    excludeDates={excludeDates}
                   />
                 </div>
                 <TagSelector

From 8b8bf7533bbb28f9f9e7979a3c6be0ebc7eeafad Mon Sep 17 00:00:00 2001
From: nathan-j-edwards <nathanieljesseedwards@gmail.com>
Date: Sun, 3 Mar 2024 23:09:32 -0500
Subject: [PATCH 19/27] styling changes for blur

---
 src/app/private/[uid]/user/seniors/[seniorId]/page.tsx | 4 +++-
 src/components/user/AddFile.tsx                        | 3 ++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/app/private/[uid]/user/seniors/[seniorId]/page.tsx b/src/app/private/[uid]/user/seniors/[seniorId]/page.tsx
index a704539d..da6743cc 100644
--- a/src/app/private/[uid]/user/seniors/[seniorId]/page.tsx
+++ b/src/app/private/[uid]/user/seniors/[seniorId]/page.tsx
@@ -38,7 +38,9 @@ const Page = async ({ params }: PageProps) => {
           },
         ]}
       />
-      <DisplaySenior editable={false} senior={senior} />
+      <div className="relative">
+        <DisplaySenior editable={false} senior={senior} />
+      </div>
     </div>
   );
 };
diff --git a/src/components/user/AddFile.tsx b/src/components/user/AddFile.tsx
index 04529ec0..ecab3654 100644
--- a/src/components/user/AddFile.tsx
+++ b/src/components/user/AddFile.tsx
@@ -79,7 +79,8 @@ const AddFile = ({
   return (
     <>
       {showAddFilePopUp && (
-        <div className="absolute z-50 flex h-full w-screen flex-row place-content-center items-start justify-center backdrop-blur-[2px] backdrop-brightness-75 md:w-full">
+        // need to check for all screens
+        <div className="absolute z-50 ml-[-350px] mt-[-470px] flex h-screen w-screen flex-row place-content-center items-start justify-center backdrop-blur-[2px] backdrop-brightness-75 ">
           {!confirm && !error ? (
             <div className="mt-20 flex min-h-[650px] min-w-[750px] flex-col justify-between rounded-[16px] bg-[#22555A] p-10 font-['merriweather'] text-white">
               <div>

From e5fed27426690cdc9377d08b09b240b0ec276408 Mon Sep 17 00:00:00 2001
From: nathan-j-edwards <nathanieljesseedwards@gmail.com>
Date: Wed, 6 Mar 2024 21:39:29 -0500
Subject: [PATCH 20/27] changed tag styling

---
 src/components/FilterDropdown.tsx |   2 +-
 src/components/Tag.tsx            |  26 ++++----
 src/components/user/AddFile.tsx   | 106 +++++++++++++++++++++++-------
 3 files changed, 97 insertions(+), 37 deletions(-)

diff --git a/src/components/FilterDropdown.tsx b/src/components/FilterDropdown.tsx
index 55c7fedd..56b658c8 100644
--- a/src/components/FilterDropdown.tsx
+++ b/src/components/FilterDropdown.tsx
@@ -84,7 +84,7 @@ export default function FilterDropdown<T extends Named>({
             >
               {filteredItems.map((item: T, index: number) => (
                 <span
-                  className="border-light-gray \ hover:bg-legacy-teal  flex flex-row items-center border py-2
+                  className="\ hover:bg-legacy-teal flex  flex-row items-center border border-light-gray py-2
                             pl-2 text-gray-700 hover:cursor-pointer hover:font-bold"
                   onClick={() => {
                     onItemSelect(index, item);
diff --git a/src/components/Tag.tsx b/src/components/Tag.tsx
index 8e4db5f2..73db9e3a 100644
--- a/src/components/Tag.tsx
+++ b/src/components/Tag.tsx
@@ -1,23 +1,25 @@
-export type TagProps = { name: string, color: string };
+export type TagProps = { name: string; color: string };
 
 export const tagList: TagProps[] = [
-  { name: "Getting to Know You", color: "bg-tag-rust"},
-  { name: "Early Childhood", color: "bg-tag-tan"},
-  { name: "Adolescence", color: "bg-tag-gold"},
-  { name: "Early Twenties and College", color: "bg-tag-lime"},
-  { name: "Career and Adulthood", color: "bg-tag-moss"},
-  { name: "Marriage", color: "bg-tag-teal"},
-  { name: "Parenthood and Family", color: "bg-tag-blue"},
-  { name: "Elder Years and Retirement", color: "bg-tag-violet"},
-  { name: "Beliefs, Values, and the Future", color: "bg-tag-rose"}
+  { name: "Getting to Know You", color: "bg-tag-rust" },
+  { name: "Early Childhood", color: "bg-tag-tan" },
+  { name: "Adolescence", color: "bg-tag-gold" },
+  { name: "Early Twenties and College", color: "bg-tag-lime" },
+  { name: "Career and Adulthood", color: "bg-tag-moss" },
+  { name: "Marriage", color: "bg-tag-teal" },
+  { name: "Parenthood and Family", color: "bg-tag-blue" },
+  { name: "Elder Years and Retirement", color: "bg-tag-violet" },
+  { name: "Beliefs, Values, and the Future", color: "bg-tag-rose" },
 ];
 
-export const tagMap = new Map<string, string>(tagList.map((tag) => [tag.name, tag.color]));
+export const tagMap = new Map<string, string>(
+  tagList.map((tag) => [tag.name, tag.color])
+);
 
 const Tag = ({ name, color }: TagProps) => {
   return (
     <div
-      className={`${color} place-content-center align-middle m-1 whitespace-nowrap rounded py-2 px-3 text-off-white`}
+      className={`${color} m-1 place-content-center whitespace-nowrap rounded px-3 py-2 align-middle text-off-white`}
     >
       {name}
     </div>
diff --git a/src/components/user/AddFile.tsx b/src/components/user/AddFile.tsx
index ecab3654..36f17186 100644
--- a/src/components/user/AddFile.tsx
+++ b/src/components/user/AddFile.tsx
@@ -7,6 +7,8 @@ import DatePicker from "react-datepicker";
 import "react-datepicker/dist/react-datepicker.css";
 import { createFile } from "@api/file/route.client";
 import { File as PrismaFile, Prisma } from "@prisma/client";
+import { Checkbox, button } from "@material-tailwind/react";
+import { setActive } from "@material-tailwind/react/components/Tabs/TabsContext";
 
 type AddFileProps = {
   showAddFilePopUp: boolean;
@@ -16,6 +18,62 @@ type AddFileProps = {
   folder: string;
 };
 
+const TagOptions = ({
+  selectedTags,
+  setSelectedTags,
+}: {
+  selectedTags: TagProps[];
+  setSelectedTags: React.Dispatch<React.SetStateAction<TagProps[]>>;
+}) => {
+  // <div class="flex">
+  //   <input type="checkbox" id="choose-me" class="peer hidden" />
+  //   <label
+  //     for="choose-me"
+  //     class="cursor-pointer select-none rounded-lg border-2 border-gray-200
+  //  px-6 py-3 font-bold text-gray-200 transition-colors duration-200 ease-in-out peer-checked:border-gray-200 peer-checked:bg-gray-200 peer-checked:text-gray-900 "
+  //   >
+  //     {" "}
+  //     Check me{" "}
+  //   </label>
+  // </div>;
+
+  return (
+    <div className="flex grid-flow-row flex-wrap">
+      {tagList.map((tag) => (
+        <div key={tag.name}>
+          <input
+            type="checkbox"
+            id={tag.name}
+            className="size-40 peer my-5 hidden"
+            onClick={() => setSelectedTags([...selectedTags, tag])}
+          />
+          <label
+            htmlFor={tag.name}
+            className="m-2 ml-[-2px] inline-block rounded-full border-2 p-2 hover:bg-white hover:text-[#22555A] peer-checked:bg-white peer-checked:text-[#22555A]"
+          >
+            {tag.name}
+          </label>
+        </div>
+      ))}
+    </div>
+  );
+
+  // return (
+  //   <div className="flex grid-flow-row flex-wrap">
+  //     {tagList.map((tag) => (
+  //       <button
+  //         key={tag.name}
+  //         className="m-1 rounded-full border-2 p-2 hover:bg-white hover:text-[#22555A] active:bg-white active:text-[#22555A]"
+  //         onClick={() => setSelectedTags([...selectedTags, tag])}
+  //         // onClick={}
+  //       >
+  //         {tag.name}
+  //       </button>
+  //     ))}
+  //   </div>
+  // );
+};
+
 const TagSelector = ({
   selectedTags,
   setSelectedTags,
@@ -29,13 +87,17 @@ const TagSelector = ({
         Tags
       </div>
       <div className="text-lg font-thin">Select min of 1, max of 3</div>
-      <FilterDropdown<TagProps>
+      <TagOptions
+        selectedTags={selectedTags}
+        setSelectedTags={setSelectedTags}
+      />
+      {/* <FilterDropdown<TagProps>
         items={tagList}
         filterMatch={(tag, text) => tag.name.indexOf(text) != -1}
         display={(tag) => <Tag name={tag.name} color={tag.color} />}
         selectedItems={selectedTags}
         setSelectedItems={setSelectedTags}
-      />
+      /> */}
     </div>
   );
 };
@@ -82,29 +144,25 @@ const AddFile = ({
         // need to check for all screens
         <div className="absolute z-50 ml-[-350px] mt-[-470px] flex h-screen w-screen flex-row place-content-center items-start justify-center backdrop-blur-[2px] backdrop-brightness-75 ">
           {!confirm && !error ? (
-            <div className="mt-20 flex min-h-[650px] min-w-[750px] flex-col justify-between rounded-[16px] bg-[#22555A] p-10 font-['merriweather'] text-white">
-              <div>
-                <div className="mb-5 mt-4 text-3xl font-bold">
-                  {" "}
-                  Create New File{" "}
-                </div>
-                <div className="text-neutral-600 mb-3 h-[34px] w-full text-2xl font-thin">
-                  Select Date
-                </div>
-                <div className="mb-4 font-['merriweather'] text-2xl text-[#22555A]">
-                  <DatePicker
-                    className="h-[70px] w-[700px] rounded-lg pl-[30px]"
-                    selected={startDate}
-                    onChange={(date) => date && setStartDate(date)}
-                    dateFormat="dd MMMM yyyy"
-                    excludeDates={excludeDates}
-                  />
-                </div>
-                <TagSelector
-                  selectedTags={selectedTags}
-                  setSelectedTags={setSelectedTags}
-                />
+            <div className="mt-20 flex h-2/3 w-2/5 flex-col justify-between rounded-[16px] bg-[#22555A] p-10 font-['merriweather'] text-white">
+              <div className="mb-5 mt-4 text-3xl font-bold">
+                {" "}
+                Create New File{" "}
+              </div>
+              <div className="text-neutral-600 mb-3 h-[34px] w-full text-2xl font-thin">
+                Select Date
               </div>
+              <DatePicker
+                className="mb-4 h-16 w-full rounded-lg pl-[30px] font-['merriweather'] text-2xl text-[#22555A]"
+                selected={startDate}
+                onChange={(date) => date && setStartDate(date)}
+                dateFormat="dd MMMM yyyy"
+                excludeDates={excludeDates}
+              />
+              <TagSelector
+                selectedTags={selectedTags}
+                setSelectedTags={setSelectedTags}
+              />
 
               <div className="flex w-full flex-row justify-center">
                 <button

From 329090c0aed07e988b371cf3b52051cd339dac20 Mon Sep 17 00:00:00 2001
From: nathan-j-edwards <nathanieljesseedwards@gmail.com>
Date: Thu, 7 Mar 2024 17:46:03 -0500
Subject: [PATCH 21/27] fixed tags

---
 src/components/user/AddFile.tsx | 79 ++++++++++++++-------------------
 1 file changed, 34 insertions(+), 45 deletions(-)

diff --git a/src/components/user/AddFile.tsx b/src/components/user/AddFile.tsx
index 36f17186..6a706731 100644
--- a/src/components/user/AddFile.tsx
+++ b/src/components/user/AddFile.tsx
@@ -9,6 +9,8 @@ import { createFile } from "@api/file/route.client";
 import { File as PrismaFile, Prisma } from "@prisma/client";
 import { Checkbox, button } from "@material-tailwind/react";
 import { setActive } from "@material-tailwind/react/components/Tabs/TabsContext";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { faCalendar } from "@fortawesome/free-solid-svg-icons";
 
 type AddFileProps = {
   showAddFilePopUp: boolean;
@@ -25,18 +27,6 @@ const TagOptions = ({
   selectedTags: TagProps[];
   setSelectedTags: React.Dispatch<React.SetStateAction<TagProps[]>>;
 }) => {
-  // <div class="flex">
-  //   <input type="checkbox" id="choose-me" class="peer hidden" />
-  //   <label
-  //     for="choose-me"
-  //     class="cursor-pointer select-none rounded-lg border-2 border-gray-200
-  //  px-6 py-3 font-bold text-gray-200 transition-colors duration-200 ease-in-out peer-checked:border-gray-200 peer-checked:bg-gray-200 peer-checked:text-gray-900 "
-  //   >
-  //     {" "}
-  //     Check me{" "}
-  //   </label>
-  // </div>;
-
   return (
     <div className="flex grid-flow-row flex-wrap">
       {tagList.map((tag) => (
@@ -45,33 +35,36 @@ const TagOptions = ({
             type="checkbox"
             id={tag.name}
             className="size-40 peer my-5 hidden"
-            onClick={() => setSelectedTags([...selectedTags, tag])}
+            onClick={() => {
+              if (!selectedTags.includes(tag) && selectedTags.length < 3) {
+                setSelectedTags([...selectedTags, tag]);
+              } else {
+                setSelectedTags(selectedTags.filter((i) => i != tag));
+              }
+            }}
           />
-          <label
-            htmlFor={tag.name}
-            className="m-2 ml-[-2px] inline-block rounded-full border-2 p-2 hover:bg-white hover:text-[#22555A] peer-checked:bg-white peer-checked:text-[#22555A]"
-          >
-            {tag.name}
-          </label>
+          {!selectedTags.includes(tag) && (
+            <label
+              htmlFor={tag.name}
+              className="m-2 ml-[-2px] inline-block rounded-full border-2 p-2 hover:bg-white hover:text-[#22555A]"
+            >
+              {" "}
+              {tag.name}
+            </label>
+          )}
+          {selectedTags.includes(tag) && (
+            <label
+              htmlFor={tag.name}
+              className="m-2 ml-[-2px] inline-block rounded-full border-2 bg-white p-2 text-[#22555A]"
+            >
+              {" "}
+              {tag.name}
+            </label>
+          )}
         </div>
       ))}
     </div>
   );
-
-  // return (
-  //   <div className="flex grid-flow-row flex-wrap">
-  //     {tagList.map((tag) => (
-  //       <button
-  //         key={tag.name}
-  //         className="m-1 rounded-full border-2 p-2 hover:bg-white hover:text-[#22555A] active:bg-white active:text-[#22555A]"
-  //         onClick={() => setSelectedTags([...selectedTags, tag])}
-  //         // onClick={}
-  //       >
-  //         {tag.name}
-  //       </button>
-  //     ))}
-  //   </div>
-  // );
 };
 
 const TagSelector = ({
@@ -86,18 +79,13 @@ const TagSelector = ({
       <div className="text-neutral-600 mb-1 h-[34px] w-full font-['merriweather'] text-2xl">
         Tags
       </div>
-      <div className="text-lg font-thin">Select min of 1, max of 3</div>
+      <div className="text-lg font-thin">
+        Select min of 1, max of 3 <span className="text-red-400">*</span>
+      </div>
       <TagOptions
         selectedTags={selectedTags}
         setSelectedTags={setSelectedTags}
       />
-      {/* <FilterDropdown<TagProps>
-        items={tagList}
-        filterMatch={(tag, text) => tag.name.indexOf(text) != -1}
-        display={(tag) => <Tag name={tag.name} color={tag.color} />}
-        selectedItems={selectedTags}
-        setSelectedItems={setSelectedTags}
-      /> */}
     </div>
   );
 };
@@ -159,11 +147,11 @@ const AddFile = ({
                 dateFormat="dd MMMM yyyy"
                 excludeDates={excludeDates}
               />
+              <FontAwesomeIcon icon={faCalendar} />
               <TagSelector
                 selectedTags={selectedTags}
                 setSelectedTags={setSelectedTags}
               />
-
               <div className="flex w-full flex-row justify-center">
                 <button
                   className="mx-2 my-4 w-full max-w-[9rem] rounded-[16px] bg-white p-3 text-2xl font-medium text-[#22555A] drop-shadow-md hover:bg-offer-white"
@@ -172,7 +160,8 @@ const AddFile = ({
                   Cancel
                 </button>
                 <button
-                  className="bg-legacy-teal mx-2 my-4 w-full max-w-[9rem] rounded-[16px] bg-white p-3 text-2xl font-medium text-[#22555A] drop-shadow-md hover:bg-offer-white"
+                  className="mx-2 my-4 w-full max-w-[9rem] rounded-[16px] p-3 text-2xl font-medium text-[#22555A] drop-shadow-md hover:bg-offer-white enabled:bg-white disabled:bg-gray-500 disabled:text-gray-700"
+                  disabled={selectedTags.length == 0}
                   onClick={callAddFile}
                 >
                   Create
@@ -201,7 +190,7 @@ const AddFile = ({
                   </span>
                   <div className="flex w-full flex-row justify-center">
                     <button
-                      className="bg-legacy-teal text-md mx-1 w-full max-w-[10rem] rounded p-3 font-serif font-normal text-white hover:bg-dark-teal"
+                      className="bg-legacy-teal text-md disabled: mx-1 w-full max-w-[10rem] rounded p-3 font-serif font-normal text-white hover:bg-dark-teal"
                       onClick={() => setShowAddFilePopUp(false)}
                     >
                       Confirm

From 4c8e332227df763bf044ccf65c1dcc03dfdb8e6c Mon Sep 17 00:00:00 2001
From: nathan-j-edwards <nathanieljesseedwards@gmail.com>
Date: Sun, 10 Mar 2024 15:13:57 -0400
Subject: [PATCH 22/27] added icon and fixed date picker bug

---
 src/components/user/AddFile.tsx | 45 ++++++++++++++++++++++++---------
 1 file changed, 33 insertions(+), 12 deletions(-)

diff --git a/src/components/user/AddFile.tsx b/src/components/user/AddFile.tsx
index 6a706731..8ebff8f2 100644
--- a/src/components/user/AddFile.tsx
+++ b/src/components/user/AddFile.tsx
@@ -97,7 +97,20 @@ const AddFile = ({
   files,
   folder,
 }: AddFileProps) => {
-  const [startDate, setStartDate] = useState(new Date());
+  const currFiles = Object.values(files);
+  const excludeDates = currFiles.map((fileObj) => fileObj.date);
+  const excludedDatesString = excludeDates.map((dateObj) =>
+    dateObj.toDateString()
+  );
+
+  const startDate_ = new Date();
+
+  while (excludedDatesString.includes(startDate_.toDateString())) {
+    startDate_.setDate(startDate_.getDate() + 1);
+  }
+
+  const [startDate, setStartDate] = useState(startDate_);
+
   const [confirm, setConfirm] = useState<boolean>(false);
   const [error, setError] = useState<boolean>(false);
   const [selectedTags, setSelectedTags] = useState<TagProps[]>([]);
@@ -123,14 +136,12 @@ const AddFile = ({
       setError(true);
     }
   };
-  const currFiles = Object.values(files);
-  const excludeDates = currFiles.map((fileObj) => fileObj.date);
 
   return (
     <>
       {showAddFilePopUp && (
         // need to check for all screens
-        <div className="absolute z-50 ml-[-350px] mt-[-470px] flex h-screen w-screen flex-row place-content-center items-start justify-center backdrop-blur-[2px] backdrop-brightness-75 ">
+        <div className="absolute z-50 ml-[-350px] mt-[-470px] flex h-screen w-screen flex-row place-content-center items-start justify-center backdrop-blur-[2px] backdrop-brightness-75">
           {!confirm && !error ? (
             <div className="mt-20 flex h-2/3 w-2/5 flex-col justify-between rounded-[16px] bg-[#22555A] p-10 font-['merriweather'] text-white">
               <div className="mb-5 mt-4 text-3xl font-bold">
@@ -140,14 +151,24 @@ const AddFile = ({
               <div className="text-neutral-600 mb-3 h-[34px] w-full text-2xl font-thin">
                 Select Date
               </div>
-              <DatePicker
-                className="mb-4 h-16 w-full rounded-lg pl-[30px] font-['merriweather'] text-2xl text-[#22555A]"
-                selected={startDate}
-                onChange={(date) => date && setStartDate(date)}
-                dateFormat="dd MMMM yyyy"
-                excludeDates={excludeDates}
-              />
-              <FontAwesomeIcon icon={faCalendar} />
+              <div className="inline-bl grid w-full grid-cols-8">
+                <div className="col-span-7 text-2xl text-[#22555A]">
+                  <DatePicker
+                    wrapperClassName="w-full"
+                    className="mb-4 h-16 w-full rounded-l-lg pl-[30px] font-['merriweather']"
+                    selected={startDate}
+                    onChange={(date) => date && setStartDate(date)}
+                    dateFormat="dd MMMM yyyy"
+                    excludeDates={excludeDates}
+                  />
+                </div>
+                <div className="col-span-1 inline-block h-16 w-full rounded-r-lg bg-white py-5 text-center">
+                  <FontAwesomeIcon
+                    className="center col-span-1 bg-white align-top text-2xl text-[#22555A]"
+                    icon={faCalendar}
+                  />
+                </div>
+              </div>
               <TagSelector
                 selectedTags={selectedTags}
                 setSelectedTags={setSelectedTags}

From 62ae257f4583135e10125815a7d715a9f2e4e8a1 Mon Sep 17 00:00:00 2001
From: nathan-j-edwards <nathanieljesseedwards@gmail.com>
Date: Wed, 13 Mar 2024 22:43:09 -0400
Subject: [PATCH 23/27] fixed final styling bugs

---
 prisma/schema.prisma                          |  3 ++-
 src/app/api/file/route.ts                     |  2 ++
 src/app/private/[uid]/user/popup/page.tsx     |  4 ++--
 .../[uid]/user/seniors/[seniorId]/page.tsx    |  4 ++--
 src/components/file/AddFile.tsx               |  4 ++--
 src/components/senior/DisplaySenior.tsx       |  2 +-
 src/components/user/AddFile.tsx               | 20 ++++++++-----------
 7 files changed, 19 insertions(+), 20 deletions(-)

diff --git a/prisma/schema.prisma b/prisma/schema.prisma
index c9af638e..277cdb1a 100644
--- a/prisma/schema.prisma
+++ b/prisma/schema.prisma
@@ -86,7 +86,8 @@ enum Role {
 
 model Senior {
   id          String   @id @default(auto()) @map("_id") @db.ObjectId
-  name        String
+  firstname   String
+  lastname   String
   location    String
   description String
   StudentIDs  String[] @db.ObjectId
diff --git a/src/app/api/file/route.ts b/src/app/api/file/route.ts
index 9ef23583..fd8cd5bc 100644
--- a/src/app/api/file/route.ts
+++ b/src/app/api/file/route.ts
@@ -22,6 +22,7 @@ export const POST = withSession(async (request) => {
       { status: 400 }
     );
   } else {
+    console.log("hello");
     const fileData = fileRequest.data;
 
     // Check that user has this senior assigned to them
@@ -44,6 +45,7 @@ export const POST = withSession(async (request) => {
     if (
       !user.SeniorIDs.some((seniorId: string) => seniorId === fileData.seniorId)
     ) {
+      console.log("filedata.seniorId: ", fileData.seniorId);
       return NextResponse.json(
         FileResponse.parse({
           code: "NOT_AUTHORIZED",
diff --git a/src/app/private/[uid]/user/popup/page.tsx b/src/app/private/[uid]/user/popup/page.tsx
index 9ba1952c..cf234d04 100644
--- a/src/app/private/[uid]/user/popup/page.tsx
+++ b/src/app/private/[uid]/user/popup/page.tsx
@@ -27,8 +27,8 @@ const AddFilePage = () => {
         <AddFile
           showAddFilePopUp={showAddFilePopUp}
           setShowAddFilePopUp={setShowAddFilePopUp}
-          seniorId={"65d6a19f5b3cabcd18dbe3b1"}
-          folder={"1d9z-eV5eTCOdiWP_dhIx5-O5NA82lC1_"}
+          seniorId={"65e7815b307c8d1a518df8a8"}
+          folder={"13LqDrrWNMXevAd4so-jaBxk_dUDIbend"}
         />
       ) : null}
       <button
diff --git a/src/app/private/[uid]/user/seniors/[seniorId]/page.tsx b/src/app/private/[uid]/user/seniors/[seniorId]/page.tsx
index da6743cc..4903d2bd 100644
--- a/src/app/private/[uid]/user/seniors/[seniorId]/page.tsx
+++ b/src/app/private/[uid]/user/seniors/[seniorId]/page.tsx
@@ -33,12 +33,12 @@ const Page = async ({ params }: PageProps) => {
         pathInfo={[
           { display: "Seniors", url: `/private/${params.uid}/user/seniors` },
           {
-            display: senior.name,
+            display: senior.firstname,
             url: `/private/${params.uid}/seniors/${senior.id}`,
           },
         ]}
       />
-      <div className="relative">
+      <div className="static">
         <DisplaySenior editable={false} senior={senior} />
       </div>
     </div>
diff --git a/src/components/file/AddFile.tsx b/src/components/file/AddFile.tsx
index 6efc9c11..6a8024a1 100644
--- a/src/components/file/AddFile.tsx
+++ b/src/components/file/AddFile.tsx
@@ -16,9 +16,9 @@ const AddFile = (files: PrismaFile[]) => {
         <AddFilePopup
           showAddFilePopUp={showAddFilePopUp}
           setShowAddFilePopUp={setShowAddFilePopUp}
-          seniorId={"65d6a19f5b3cabcd18dbe3b1"}
+          seniorId={"65e7815b307c8d1a518df8a8"}
           files={files}
-          folder={"1d9z-eV5eTCOdiWP_dhIx5-O5NA82lC1_"}
+          folder={"13LqDrrWNMXevAd4so-jaBxk_dUDIbend"}
         />
       ) : null}
       <button onClick={handlePopUp}>
diff --git a/src/components/senior/DisplaySenior.tsx b/src/components/senior/DisplaySenior.tsx
index cab799b6..553beaf9 100644
--- a/src/components/senior/DisplaySenior.tsx
+++ b/src/components/senior/DisplaySenior.tsx
@@ -52,7 +52,7 @@ const DisplaySenior = (props: DisplayProps) => {
   return (
     <div className="flex flex-col gap-y-6">
       {/* @TODO - Firstname + lastname */}
-      <h1 className="text-4xl font-bold text-[#000022]">{senior.name}</h1>
+      <h1 className="text-4xl font-bold text-[#000022]">{senior.firstname}</h1>
       <p>{senior.description}</p>
       <Assigment editable={editable} senior={senior} />
       <SearchableContainer
diff --git a/src/components/user/AddFile.tsx b/src/components/user/AddFile.tsx
index 8ebff8f2..74ba6215 100644
--- a/src/components/user/AddFile.tsx
+++ b/src/components/user/AddFile.tsx
@@ -114,6 +114,7 @@ const AddFile = ({
   const [confirm, setConfirm] = useState<boolean>(false);
   const [error, setError] = useState<boolean>(false);
   const [selectedTags, setSelectedTags] = useState<TagProps[]>([]);
+  const [datePickerOpen, setDatePickerOpen] = useState(false);
 
   const handleCancel = () => {
     setShowAddFilePopUp(!showAddFilePopUp);
@@ -140,8 +141,7 @@ const AddFile = ({
   return (
     <>
       {showAddFilePopUp && (
-        // need to check for all screens
-        <div className="absolute z-50 ml-[-350px] mt-[-470px] flex h-screen w-screen flex-row place-content-center items-start justify-center backdrop-blur-[2px] backdrop-brightness-75">
+        <div className="absolute left-0 top-0 z-50 flex h-screen w-screen flex-row place-content-center items-start justify-center backdrop-blur-[2px] backdrop-brightness-75">
           {!confirm && !error ? (
             <div className="mt-20 flex h-2/3 w-2/5 flex-col justify-between rounded-[16px] bg-[#22555A] p-10 font-['merriweather'] text-white">
               <div className="mb-5 mt-4 text-3xl font-bold">
@@ -151,23 +151,19 @@ const AddFile = ({
               <div className="text-neutral-600 mb-3 h-[34px] w-full text-2xl font-thin">
                 Select Date
               </div>
-              <div className="inline-bl grid w-full grid-cols-8">
-                <div className="col-span-7 text-2xl text-[#22555A]">
+              <div className="inline-bl w-full">
+                <div className="text-2xl text-[#22555A]">
                   <DatePicker
-                    wrapperClassName="w-full"
-                    className="mb-4 h-16 w-full rounded-l-lg pl-[30px] font-['merriweather']"
+                    showIcon
+                    wrapperClassName="w-full relative"
+                    calendarIconClassname="text-3xl text-blue-600 mt-[7px] absolute right-2"
+                    className="mb-4 h-16 w-full rounded-lg pl-[50px] font-['merriweather']"
                     selected={startDate}
                     onChange={(date) => date && setStartDate(date)}
                     dateFormat="dd MMMM yyyy"
                     excludeDates={excludeDates}
                   />
                 </div>
-                <div className="col-span-1 inline-block h-16 w-full rounded-r-lg bg-white py-5 text-center">
-                  <FontAwesomeIcon
-                    className="center col-span-1 bg-white align-top text-2xl text-[#22555A]"
-                    icon={faCalendar}
-                  />
-                </div>
               </div>
               <TagSelector
                 selectedTags={selectedTags}

From aab6fd220787577a2b60e0c21aec8010d5655f33 Mon Sep 17 00:00:00 2001
From: nathan-j-edwards <nathanieljesseedwards@gmail.com>
Date: Wed, 13 Mar 2024 23:24:00 -0400
Subject: [PATCH 24/27] fixed bug for finding seniorID

---
 src/app/api/file/route.ts                 |   2 -
 src/app/private/[uid]/user/popup/page.tsx | 129 ----------------------
 src/components/file/AddFile.tsx           |  16 ++-
 src/components/senior/DisplaySenior.tsx   |  13 ++-
 src/pages/senior/[id].tsx                 |   1 +
 5 files changed, 24 insertions(+), 137 deletions(-)
 delete mode 100644 src/app/private/[uid]/user/popup/page.tsx

diff --git a/src/app/api/file/route.ts b/src/app/api/file/route.ts
index fd8cd5bc..9ef23583 100644
--- a/src/app/api/file/route.ts
+++ b/src/app/api/file/route.ts
@@ -22,7 +22,6 @@ export const POST = withSession(async (request) => {
       { status: 400 }
     );
   } else {
-    console.log("hello");
     const fileData = fileRequest.data;
 
     // Check that user has this senior assigned to them
@@ -45,7 +44,6 @@ export const POST = withSession(async (request) => {
     if (
       !user.SeniorIDs.some((seniorId: string) => seniorId === fileData.seniorId)
     ) {
-      console.log("filedata.seniorId: ", fileData.seniorId);
       return NextResponse.json(
         FileResponse.parse({
           code: "NOT_AUTHORIZED",
diff --git a/src/app/private/[uid]/user/popup/page.tsx b/src/app/private/[uid]/user/popup/page.tsx
deleted file mode 100644
index cf234d04..00000000
--- a/src/app/private/[uid]/user/popup/page.tsx
+++ /dev/null
@@ -1,129 +0,0 @@
-"use client";
-
-import type { GetServerSidePropsContext } from "next";
-import AddFile from "@components/user/AddFile";
-import { useState } from "react";
-import { prisma } from "@server/db/client";
-import { getServerAuthSession } from "@server/common/get-server-auth-session";
-import { z } from "zod";
-import { Approval } from "@prisma/client";
-
-// type ISeniorProfileProps = Awaited<
-//   ReturnType<typeof getServerSideProps>
-// >["props"] & {
-//   redirect: undefined;
-// };
-
-// type SerialzedFile = ISeniorProfileProps["senior"]["Files"][number];
-
-const AddFilePage = () => {
-  const [showAddFilePopUp, setShowAddFilePopUp] = useState<boolean>(false);
-  const handlePopUp = () => {
-    setShowAddFilePopUp(!showAddFilePopUp);
-  };
-  return (
-    <div>
-      {showAddFilePopUp ? (
-        <AddFile
-          showAddFilePopUp={showAddFilePopUp}
-          setShowAddFilePopUp={setShowAddFilePopUp}
-          seniorId={"65e7815b307c8d1a518df8a8"}
-          folder={"13LqDrrWNMXevAd4so-jaBxk_dUDIbend"}
-        />
-      ) : null}
-      <button
-        className="bg-blue relative flex aspect-square w-auto flex-col items-center justify-center 
-                           rounded text-base drop-shadow-md hover:bg-off-white"
-        onClick={handlePopUp}
-      >
-        hello
-      </button>
-    </div>
-  );
-};
-
-// export const getServerSideProps = async (
-//   context: GetServerSidePropsContext
-// ) => {
-//   const session = await getServerAuthSession(context);
-//   const seniorId = z.string().parse(context.query.id);
-
-//   if (!session || !session.user) {
-//     return {
-//       redirect: {
-//         destination: "/login",
-//         permanent: false,
-//       },
-//     };
-//   }
-
-//   if (!prisma) {
-//     return {
-//       redirect: {
-//         destination: "/",
-//         permanent: false,
-//       },
-//     };
-//   }
-
-//   const user = await prisma.user.findUnique({
-//     where: {
-//       id: session.user.id,
-//     },
-//   });
-
-//   if (!user) {
-//     return {
-//       redirect: {
-//         destination: "/",
-//         permanent: false,
-//       },
-//     };
-//   }
-
-//   if (user.approved === Approval.PENDING) {
-//     return {
-//       redirect: {
-//         destination: "/pending",
-//         permanent: false,
-//       },
-//     };
-//   }
-
-//   // await fetch ("/api/senior/" + seniorId, { method: "GET" });
-//   // TODO: not using our beautiful API routes??
-//   const senior = await prisma.senior.findUnique({
-//     where: {
-//       id: seniorId, //get all information for given senior
-//     },
-//     include: {
-//       Files: true,
-//     },
-//   });
-
-//   if (
-//     !senior ||
-//     (!user.admin && !senior.StudentIDs.includes(session.user.id))
-//   ) {
-//     return {
-//       redirect: {
-//         destination: "/",
-//         permanent: false,
-//       },
-//     };
-//   }
-
-//   return {
-//     props: {
-//       senior: {
-//         ...senior,
-//         Files: senior.Files.map((file) => ({
-//           ...file,
-//           lastModified: file.lastModified.getTime(),
-//         })),
-//       },
-//     },
-//   };
-// };
-
-export default AddFilePage;
diff --git a/src/components/file/AddFile.tsx b/src/components/file/AddFile.tsx
index 6a8024a1..34db93ff 100644
--- a/src/components/file/AddFile.tsx
+++ b/src/components/file/AddFile.tsx
@@ -5,20 +5,30 @@ import { useState } from "react";
 import AddFilePopup from "@components/user/AddFile";
 import { File as PrismaFile, Prisma } from "@prisma/client";
 
-const AddFile = (files: PrismaFile[]) => {
+const AddFile = ({
+  seniorId,
+  seniorFolder,
+  files,
+}: {
+  seniorId: string;
+  seniorFolder: string;
+  files: PrismaFile[];
+}) => {
   const [showAddFilePopUp, setShowAddFilePopUp] = useState<boolean>(false);
+
   const handlePopUp = () => {
     setShowAddFilePopUp(!showAddFilePopUp);
   };
+
   return (
     <div>
       {showAddFilePopUp ? (
         <AddFilePopup
           showAddFilePopUp={showAddFilePopUp}
           setShowAddFilePopUp={setShowAddFilePopUp}
-          seniorId={"65e7815b307c8d1a518df8a8"}
+          seniorId={seniorId}
           files={files}
-          folder={"13LqDrrWNMXevAd4so-jaBxk_dUDIbend"}
+          folder={seniorFolder}
         />
       ) : null}
       <button onClick={handlePopUp}>
diff --git a/src/components/senior/DisplaySenior.tsx b/src/components/senior/DisplaySenior.tsx
index 553beaf9..6780a6ab 100644
--- a/src/components/senior/DisplaySenior.tsx
+++ b/src/components/senior/DisplaySenior.tsx
@@ -48,7 +48,7 @@ const FILES: PrismaFile[] = [
 const DisplaySenior = (props: DisplayProps) => {
   const { editable, senior } = props;
   const addFileId = uuid();
-
+  senior.folder;
   return (
     <div className="flex flex-col gap-y-6">
       {/* @TODO - Firstname + lastname */}
@@ -57,9 +57,16 @@ const DisplaySenior = (props: DisplayProps) => {
       <Assigment editable={editable} senior={senior} />
       <SearchableContainer
         display={(file) => <File key={file.id} file={file} />}
-        elements={FILES} // TODO(nickbar01234) - Replace with real data
+        elements={FILES} // TODO(nickbar01234) - Replace with real data.
         search={(file, filter) => formatFileDate(file.date).includes(filter)}
-        addElementComponent={<AddFile key={addFileId} {...senior.Files} />}
+        addElementComponent={
+          <AddFile
+            seniorId={senior.id}
+            seniorFolder={senior.folder}
+            files={senior.Files}
+            key={addFileId}
+          />
+        }
       />
     </div>
   );
diff --git a/src/pages/senior/[id].tsx b/src/pages/senior/[id].tsx
index adec93c6..53646516 100644
--- a/src/pages/senior/[id].tsx
+++ b/src/pages/senior/[id].tsx
@@ -55,6 +55,7 @@ const SeniorProfile = ({ senior }: any) => {
           setShowAddFilePopUp={setShowAddFilePopUp}
           seniorId={senior.id}
           folder={senior.folder}
+          files={files}
         />
       ) : null}
       <div className="w-full p-8">

From f975e3c1ac52cf84bd389a898c6876b648f5ea84 Mon Sep 17 00:00:00 2001
From: nathan-j-edwards <nathanieljesseedwards@gmail.com>
Date: Wed, 13 Mar 2024 23:26:09 -0400
Subject: [PATCH 25/27] fixed bug for finding seniorID

---
 src/components/senior/DisplaySenior.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/components/senior/DisplaySenior.tsx b/src/components/senior/DisplaySenior.tsx
index 6780a6ab..6f2b5699 100644
--- a/src/components/senior/DisplaySenior.tsx
+++ b/src/components/senior/DisplaySenior.tsx
@@ -48,7 +48,6 @@ const FILES: PrismaFile[] = [
 const DisplaySenior = (props: DisplayProps) => {
   const { editable, senior } = props;
   const addFileId = uuid();
-  senior.folder;
   return (
     <div className="flex flex-col gap-y-6">
       {/* @TODO - Firstname + lastname */}

From c3c7fb97965dd972f4f1ee3409ed4de19b4633cd Mon Sep 17 00:00:00 2001
From: nathan-j-edwards <nathanieljesseedwards@gmail.com>
Date: Thu, 14 Mar 2024 22:27:03 -0400
Subject: [PATCH 26/27] fixed merge conflicts

---
 src/components/senior/DisplaySenior.tsx | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/components/senior/DisplaySenior.tsx b/src/components/senior/DisplaySenior.tsx
index bfc3dc64..b3674357 100644
--- a/src/components/senior/DisplaySenior.tsx
+++ b/src/components/senior/DisplaySenior.tsx
@@ -57,7 +57,16 @@ const DisplaySenior = (props: DisplayProps) => {
         display={(file) => <File key={file.id} file={file} />}
         elements={FILES} // TODO(nickbar01234) - Replace with real data.
         search={(file, filter) => formatFileDate(file.date).includes(filter)}
-        addElementComponent={canAddFile && <AddFile key={addFileId} />}
+        addElementComponent={
+          canAddFile && (
+            <AddFile
+              seniorId={senior.id}
+              seniorFolder={senior.folder}
+              files={senior.Files}
+              key={addFileId}
+            />
+          )
+        }
         emptyNode={
           <p className="text-2xl font-light text-[#000022]">No files yet.</p>
         }

From fbe6a41113a1a01afa00297c7d4ba33e9fbd3516 Mon Sep 17 00:00:00 2001
From: nathan-j-edwards <nathanieljesseedwards@gmail.com>
Date: Thu, 14 Mar 2024 22:37:49 -0400
Subject: [PATCH 27/27] fixed id

---
 src/pages/senior/[id].tsx | 323 +++++++++++++++++++-------------------
 1 file changed, 162 insertions(+), 161 deletions(-)

diff --git a/src/pages/senior/[id].tsx b/src/pages/senior/[id].tsx
index 53646516..ceb13fa6 100644
--- a/src/pages/senior/[id].tsx
+++ b/src/pages/senior/[id].tsx
@@ -3,7 +3,7 @@ import type { GetServerSidePropsContext } from "next";
 import { useState } from "react";
 import FileTile from "@components/TileGrid/FileTile";
 import SearchBar from "@components/SearchBar";
-import AddFile from "@components/user/AddFile";
+import AddFile from "@components/AddFile";
 import TileGrid from "@components/TileGrid";
 import SortDropdown, { SortMethod } from "@components/SortDropdown";
 
@@ -12,20 +12,20 @@ import { z } from "zod";
 import { Approval } from "@prisma/client";
 import { prisma } from "@server/db/client";
 
-type ISeniorProfileProps = Awaited<
-  ReturnType<typeof getServerSideProps>
->["props"] & {
-  redirect: undefined;
-};
+// type ISeniorProfileProps = Awaited<
+//   ReturnType<typeof getServerSideProps>
+// >["props"] & {
+//   redirect: undefined;
+// };
 
-type SerialzedFile = ISeniorProfileProps["senior"]["Files"][number];
+// type SerialzedFile = ISeniorProfileProps["senior"]["Files"][number];
 
 const SeniorProfile = ({ senior }: any) => {
-  const [files, _] = useState(senior.Files);
-  const [sortMethod, setSortMethod] = useState<SortMethod>("By Name");
-  const [filter, setFilter] = useState("");
-  const [showAddFilePopUp, setShowAddFilePopUp] = useState<boolean>(false);
-
+  // const [files, _] = useState(senior.Files);
+  // const [sortMethod, setSortMethod] = useState<SortMethod>("By Name");
+  // const [filter, setFilter] = useState("");
+  // const [showAddFilePopUp, setShowAddFilePopUp] = useState<boolean>(false);
+  /*
   const sortFunction =
     sortMethod === "By Name"
       ? ({ name: nameA }: SerialzedFile, { name: nameB }: SerialzedFile) =>
@@ -46,156 +46,157 @@ const SeniorProfile = ({ senior }: any) => {
   const handlePopUp = () => {
     setShowAddFilePopUp(!showAddFilePopUp);
   };
-
-  return (
-    <div className="relative flex min-h-screen flex-col">
-      {showAddFilePopUp ? (
-        <AddFile
-          showAddFilePopUp={showAddFilePopUp}
-          setShowAddFilePopUp={setShowAddFilePopUp}
-          seniorId={senior.id}
-          folder={senior.folder}
-          files={files}
-        />
-      ) : null}
-      <div className="w-full p-8">
-        <h1 className="mb-4 font-serif text-5xl leading-normal sm:text-center md:text-left">
-          {senior.name}
-          <h2 className="font-serif text-xl"> {senior.location} </h2>
-        </h1>
-        <div className="mb-8 w-full border-solid bg-tan drop-shadow-md">
-          <p className="md:text-md max-h-[100px] overflow-scroll rounded bg-tan p-4 sm:text-lg">
-            {senior.description}
-          </p>
-        </div>
-        <div className="flex flex-row justify-between space-x-3 align-middle">
-          <SearchBar setFilter={setFilter} />
-          <div className="relative z-10">
-            <SortDropdown
-              sortMethod={sortMethod}
-              setSortMethod={setSortMethod}
-            />
-          </div>
-        </div>
-
-        <TileGrid>
-          <button
-            className="\ relative flex aspect-square w-auto flex-col items-center justify-center rounded
-                           bg-white text-base drop-shadow-md hover:bg-off-white"
-            onClick={handlePopUp}
-          >
-            <div className="flex flex-col justify-end">
-              <Image
-                className="object-scale-down"
-                src={"/profile/addfile_icon.png"}
-                alt="Add file icon"
-                height={75}
-                width={75}
-              />
-            </div>
-            <div className="text-neutral-800 relative flex w-full flex-col p-2 text-center text-lg">
-              Create New File
-            </div>
-          </button>
-          {filteredFiles.map((file, key) => (
-            <div key={key}>
-              <FileTile
-                id={file.id}
-                name={file.name}
-                lastModified={new Date(file.lastModified)}
-                url={file.url}
-                Tags={file.Tags}
-              />
-            </div>
-          ))}
-        </TileGrid>
-      </div>
-    </div>
-  );
+  */
+
+  return null;
+
+  // return (
+  // <div className="relative flex min-h-screen flex-col">
+  //   {showAddFilePopUp ? (
+  //     <AddFile
+  //       showAddFilePopUp={showAddFilePopUp}
+  //       setShowAddFilePopUp={setShowAddFilePopUp}
+  //       seniorId={senior.id}
+  //       folder={senior.folder}
+  //     />
+  //   ) : null}
+  //   <div className="w-full p-8">
+  //     <h1 className="mb-4 font-serif text-5xl leading-normal sm:text-center md:text-left">
+  //       {senior.name}
+  //       <h2 className="font-serif text-xl"> {senior.location} </h2>
+  //     </h1>
+  //     <div className="mb-8 w-full border-solid bg-tan drop-shadow-md">
+  //       <p className="md:text-md max-h-[100px] overflow-scroll rounded bg-tan p-4 sm:text-lg">
+  //         {senior.description}
+  //       </p>
+  //     </div>
+  //     <div className="flex flex-row justify-between space-x-3 align-middle">
+  //       <SearchBar setFilter={setFilter} />
+  //       <div className="relative z-10">
+  //         <SortDropdown
+  //           sortMethod={sortMethod}
+  //           setSortMethod={setSortMethod}
+  //         />
+  //       </div>
+  //     </div>
+
+  //     <TileGrid>
+  //       <button
+  //         className="\ relative flex aspect-square w-auto flex-col items-center justify-center rounded
+  //                        bg-white text-base drop-shadow-md hover:bg-off-white"
+  //         onClick={handlePopUp}
+  //       >
+  //         <div className="flex flex-col justify-end">
+  //           <Image
+  //             className="object-scale-down"
+  //             src={"/profile/addfile_icon.png"}
+  //             alt="Add file icon"
+  //             height={75}
+  //             width={75}
+  //           />
+  //         </div>
+  //         <div className="text-neutral-800 relative flex w-full flex-col p-2 text-center text-lg">
+  //           Create New File
+  //         </div>
+  //       </button>
+  //       {filteredFiles.map((file, key) => (
+  //         <div key={key}>
+  //           <FileTile
+  //             id={file.id}
+  //             date={file.date}
+  //             url={file.url}
+  //             Tags={file.Tags}
+  //           />
+  //         </div>
+  //       ))}
+  //     </TileGrid>
+  //   </div>
+  // </div>
+  //   );
 };
 
 export default SeniorProfile;
 
-export const getServerSideProps = async (
-  context: GetServerSidePropsContext
-) => {
-  const session = await getServerAuthSession(context);
-  const seniorId = z.string().parse(context.query.id);
-
-  if (!session || !session.user) {
-    return {
-      redirect: {
-        destination: "/login",
-        permanent: false,
-      },
-    };
-  }
-
-  if (!prisma) {
-    return {
-      redirect: {
-        destination: "/",
-        permanent: false,
-      },
-    };
-  }
-
-  const user = await prisma.user.findUnique({
-    where: {
-      id: session.user.id,
-    },
-  });
-
-  if (!user) {
-    return {
-      redirect: {
-        destination: "/",
-        permanent: false,
-      },
-    };
-  }
-
-  if (user.approved === Approval.PENDING) {
-    return {
-      redirect: {
-        destination: "/pending",
-        permanent: false,
-      },
-    };
-  }
-
-  // await fetch ("/api/senior/" + seniorId, { method: "GET" });
-  // TODO: not using our beautiful API routes??
-  const senior = await prisma.senior.findUnique({
-    where: {
-      id: seniorId, //get all information for given senior
-    },
-    include: {
-      Files: true,
-    },
-  });
-
-  if (
-    !senior ||
-    (!user.admin && !senior.StudentIDs.includes(session.user.id))
-  ) {
-    return {
-      redirect: {
-        destination: "/",
-        permanent: false,
-      },
-    };
-  }
-
-  return {
-    props: {
-      senior: {
-        ...senior,
-        Files: senior.Files.map((file) => ({
-          ...file,
-          lastModified: file.lastModified.getTime(),
-        })),
-      },
-    },
-  };
-};
+// export const getServerSideProps = async (
+//   context: GetServerSidePropsContext
+// ) => {
+//   const session = await getServerAuthSession(context);
+//   const seniorId = z.string().parse(context.query.id);
+
+//   if (!session || !session.user) {
+//     return {
+//       redirect: {
+//         destination: "/login",
+//         permanent: false,
+//       },
+//     };
+//   }
+
+//   if (!prisma) {
+//     return {
+//       redirect: {
+//         destination: "/",
+//         permanent: false,
+//       },
+//     };
+//   }
+
+//   const user = await prisma.user.findUnique({
+//     where: {
+//       id: session.user.id,
+//     },
+//   });
+
+//   if (!user) {
+//     return {
+//       redirect: {
+//         destination: "/",
+//         permanent: false,
+//       },
+//     };
+//   }
+
+//   if (user.approved === Approval.PENDING) {
+//     return {
+//       redirect: {
+//         destination: "/pending",
+//         permanent: false,
+//       },
+//     };
+//   }
+
+//   // await fetch ("/api/senior/" + seniorId, { method: "GET" });
+//   // TODO: not using our beautiful API routes??
+//   const senior = await prisma.senior.findUnique({
+//     where: {
+//       id: seniorId, //get all information for given senior
+//     },
+//     include: {
+//       Files: true,
+//     },
+//   });
+
+//   if (
+//     !senior ||
+//     (!user.admin && !senior.StudentIDs.includes(session.user.id))
+//   ) {
+//     return {
+//       redirect: {
+//         destination: "/",
+//         permanent: false,
+//       },
+//     };
+//   }
+
+//   return {
+//     // props: {
+//     //   senior: {
+//     //     ...senior,
+//     //     Files: senior.Files.map((file) => ({
+//     //       ...file,
+//     //       lastModified: file.lastModified.getTime(),
+//     //     })),
+//     //   },
+//     // },
+//   };
+// };