Fixed all existing type errors

my-turborepo/apps/nextjs/src/app/_components/IconList.tsx

@@ -23,7 +23,7 @@ interface IconListProps {
   prizeFunc?: (isOpen: boolean) => void;
   scheduleFunc?: () => void;
   helpQueueFunc?: () => void;
-  setFocus: (focus: string) => void;
+  setFocus?: (focus: string) => void;
   challengesFunc?: () => void;
 }
 
@@ -51,6 +51,8 @@ const IconList: React.FC<IconListProps> = ({
   setFocus,
 }) => {
   const router = useRouter();
+
+  setFocus = setFocus ?? (() => {});
   return (
     // className='absolute top-0 grid grid-cols-2 pt-4 gap-1'
     <div className={className}>

my-turborepo/apps/nextjs/src/app/_components/WindowContainer.tsx

@@ -13,7 +13,7 @@ import { ExitButton, Lines, TAMUy2k, TitleText } from "./preregistration-form";
 interface WindowContainerProps {
   children: React.ReactNode;
   isOpen?: boolean;
-  openFunc: (isOpen: boolean) => void;
+  openFunc?: (isOpen: boolean) => void;
   borderGradientStart?: string;
   borderGradientMiddle?: string;
   borderGradientEnd?: string;
@@ -31,6 +31,8 @@ const WindowContainer: React.FC<WindowContainerProps> = ({
     backgroundImage: `linear-gradient(to bottom, ${borderGradientStart}, ${borderGradientMiddle}, ${borderGradientEnd})`,
   };
 
+  openFunc = openFunc ?? (() => {});
+
   return (
     isOpen && (
       <div

my-turborepo/apps/nextjs/src/app/_components/auth/login_button.tsx

@@ -31,6 +31,7 @@ export function LoginButton({
           );
         } catch (error) {
           if (error instanceof AuthError) {
+            const SIGNIN_ERROR_URL = "/api/auth/error";
             return redirect(`${SIGNIN_ERROR_URL}?error=${error.type}`);
           }
           throw error;

my-turborepo/apps/nextjs/src/app/_components/genericCombobox.tsx

@@ -30,7 +30,7 @@ import {
   PopoverContent,
   PopoverTrigger,
 } from "~/components/ui/popover";
-import { Asterisk } from "./application-form";
+import { Asterisk } from "../apply/application/application-form";
 
 interface DropdownOption {
   value: string;

my-turborepo/apps/nextjs/src/app/_components/organizer/vetting-table.tsx

@@ -89,7 +89,7 @@ export const columns: ColumnDef<TableData>[] = [
       );
     },
     cell: ({ row }) => {
-      const createdAt = row.getValue("createdAt");
+      const createdAt: Date = row.getValue("createdAt");
       return <div className="lowercase">{createdAt.toLocaleDateString()}</div>;
     },
     enableHiding: true,

my-turborepo/apps/nextjs/src/app/apply/actions.tsx

@@ -11,7 +11,11 @@ export async function ResumeForm() {
     return blob;
   }
   return (
-    <form action={uploadResume}>
+    <form
+      action={(formData: FormData) => {
+        uploadResume(formData);
+      }}
+    >
       <label>Upload Resume</label>
       <input type="file" name="resume" required />
       <button type="submit">Upload</button>

my-turborepo/apps/nextjs/src/app/_components/application-form.tsx → my-turborepo/apps/nextjs/src/app/apply/application/application-form.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import "./customCss.scss";
+import "../../_components/customCss.scss";
 
 import type { SubmitHandler } from "react-hook-form";
 import React, { useState } from "react";
@@ -19,7 +19,9 @@ import {
   FormMessage,
 } from "@vanni/ui/form";
 
-import type { ApplicationSchema } from "../apply/validation";
+import type { ApplicationSchema } from "../validation";
+import schools from "~/app/apply/application/application-data/schools.json";
+import schoolsJson from "~/app/apply/application/application-data/schools.json";
 import { Button } from "~/components/ui/button";
 import { Checkbox } from "~/components/ui/checkbox";
 import { Input } from "~/components/ui/input";
@@ -38,12 +40,10 @@ import {
   SHIRT_SIZES,
 } from "~/lib/dropdownOptions";
 import { api } from "~/trpc/react";
-import { applicationSchema } from "../apply/validation";
-import schools from "./application-data/schools.json";
-import schoolsJson from "./application-data/schools.json";
-import GenericCombobox from "./genericCombobox";
-import LoadingAnimation from "./loadingAnimation";
-import Title from "./title";
+import GenericCombobox from "../../_components/genericCombobox";
+import LoadingAnimation from "../../_components/loadingAnimation";
+import Title from "../../_components/title";
+import { applicationSchema } from "../validation";
 
 // Map schools to DropdownOption type
 const SCHOOL_OPTIONS = schools.map((school) => ({
@@ -745,6 +745,7 @@ export function ApplicationForm() {
                         field.onChange(e);
                         setDietaryRestrictionCount(e.target.value.length);
                       }}
+                      value={field.value ?? ""}
                     />
                   </FormControl>
                   <FormMessage />

my-turborepo/apps/nextjs/src/app/apply/application/page.tsx

@@ -3,7 +3,7 @@
 import { Suspense } from "react";
 import { redirect } from "next/navigation";
 
-import { ApplicationForm } from "~/app/_components/application-form";
+import { ApplicationForm } from "~/app/apply/application/application-form";
 
 // TODO: Replace this variable with an api route that checks the latest event
 const appsOpen = false;

my-turborepo/apps/nextjs/src/components/ui/debounce.ts

@@ -1,6 +1,6 @@
 import { useEffect, useState } from "react";
 
-export default function useDebounce(value: any, delay: number) {
+export default function useDebounce<T>(value: T, delay: number) {
   const [debouncedValue, setDebouncedValue] = useState(value);
   const [isDebouncing, setIsDebouncing] = useState(false);
 

my-turborepo/apps/team-website/package.json

@@ -2,6 +2,7 @@
   "name": "@vanni/team-website",
   "version": "2.0.0",
   "private": true,
+  "type": "module",
   "scripts": {
     "build": "pnpm with-env next build",
     "clean": "git clean -xdf .next .turbo node_modules",

my-turborepo/apps/team-website/src/app/blog/page.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 
 const BlogPage: React.FC = () => {
   return null;

my-turborepo/apps/team-website/src/app/page.tsx

@@ -1,12 +1,12 @@
 import AboutSectionOne from "@/components/About/AboutSectionOne";
 import AboutSectionTwo from "../components/About/AboutSectionTwo";
 import ApplySection from "@/components/Apply/ApplySection";
 import Blog from "@/components/Blog";
 import ScrollUp from "@/components/Common/ScrollUp";
 import Contact from "@/components/Contact";
 import Hero from "@/components/Hero";
 import Video from "@/components/Video";
-import { Metadata } from "next";
+import type { Metadata } from "next";
 import AboutTeam from "../components/AboutTeam/AboutTeam";
 import ContactBackground from "../components/Contact/ContactBackground";
 import { Suspense } from "react";

my-turborepo/apps/team-website/src/components/AboutTeam/teams.tsx

@@ -1,11 +1,12 @@
-import TeamMember, { TeamMemberProps } from "./teamMember";
+import type { TeamMemberProps } from "./teamMember";
+import TeamMember from "./teamMember";
 
 interface TeamsProps {
   teamMembers: TeamMemberProps[];
   description: string;
 }
 
 const Teams: React.FC<TeamsProps> = ({ teamMembers, description }) => {
   return (
     <>
       <div className="container w-full mx-auto text-center rounded-lg">

my-turborepo/apps/team-website/src/components/Blog/SingleBlog.tsx

@@ -1,4 +1,4 @@
-import { Blog } from "@/types/blog";
+import type { Blog } from "@/types/blog";
 import Image from "next/image";
 import Link from "next/link";
 

my-turborepo/apps/team-website/src/components/Blog/blogData.tsx

@@ -1,4 +1,4 @@
-import { Blog } from "@/types/blog";
+import type { Blog } from "@/types/blog";
 
 const blogData: Blog[] = [
   {

my-turborepo/apps/team-website/src/components/Common/ScrollUp.tsx

@@ -3,7 +3,7 @@
 import { useEffect } from "react";
 
 export default function ScrollUp() {
-  useEffect(() => window.document.scrollingElement?.scrollTo(0, 0), []);
+  useEffect(() => window.document.scrollingElement.scrollTo(0, 0), []);
 
   return null;
 }

my-turborepo/apps/team-website/src/components/Header/menuData.tsx

@@ -1,4 +1,4 @@
-import { Menu } from "@/types/menu";
+import type { Menu } from "@/types/menu";
 
 const menuData: Menu[] = [
   {

my-turborepo/apps/team-website/src/components/error/page.tsx

@@ -1,6 +1,6 @@
 import Link from "next/link";
 
-import { Metadata } from "next";
+import type { Metadata } from "next";
 
 export const metadata: Metadata = {
   title: "Error Page | TAMU Datathon",

my-turborepo/apps/team-website/src/components/signin/page.tsx

@@ -1,6 +1,6 @@
 import Link from "next/link";
 
-import { Metadata } from "next";
+import type { Metadata } from "next";
 
 export const metadata: Metadata = {
   title: "Sign In Page | TAMU Datathon",

my-turborepo/apps/team-website/src/components/signup/page.tsx

@@ -1,6 +1,6 @@
 import Link from "next/link";
 
-import { Metadata } from "next";
+import type { Metadata } from "next";
 
 export const metadata: Metadata = {
   title: "Sign Up Page | TAMU Datathon",

my-turborepo/apps/team-website/src/components/ui/button.tsx

@@ -1,6 +1,7 @@
 import * as React from "react"
 import { Slot } from "@radix-ui/react-slot"
-import { cva, type VariantProps } from "class-variance-authority"
+import { cva  } from "class-variance-authority"
+import type {VariantProps} from "class-variance-authority";
 
 import { cn } from "@/lib/utils"
 

my-turborepo/apps/team-website/src/components/ui/carousel.tsx

@@ -1,9 +1,8 @@
 "use client"
 
 import * as React from "react"
-import useEmblaCarousel, {
-  type UseEmblaCarouselType,
-} from "embla-carousel-react"
+import useEmblaCarousel from "embla-carousel-react"
+import type {UseEmblaCarouselType} from "embla-carousel-react";
 import { ArrowLeft, ArrowRight } from "lucide-react"
 
 import { cn } from "@/lib/utils"
@@ -14,7 +13,7 @@ type UseCarouselParameters = Parameters<typeof useEmblaCarousel>
 type CarouselOptions = UseCarouselParameters[0]
 type CarouselPlugin = UseCarouselParameters[1]
 
-type CarouselProps = {
+interface CarouselProps {
   opts?: CarouselOptions
   plugins?: CarouselPlugin
   orientation?: "horizontal" | "vertical"
@@ -78,11 +77,11 @@ const Carousel = React.forwardRef<
     }, [])
 
     const scrollPrev = React.useCallback(() => {
-      api?.scrollPrev()
+      api.scrollPrev()
     }, [api])
 
     const scrollNext = React.useCallback(() => {
-      api?.scrollNext()
+      api.scrollNext()
     }, [api])
 
     const handleKeyDown = React.useCallback(
@@ -116,7 +115,7 @@ const Carousel = React.forwardRef<
       api.on("select", onSelect)
 
       return () => {
-        api?.off("select", onSelect)
+        api.off("select", onSelect)
       }
     }, [api, onSelect])
 
@@ -127,7 +126,7 @@ const Carousel = React.forwardRef<
           api: api,
           opts,
           orientation:
-            orientation || (opts?.axis === "y" ? "vertical" : "horizontal"),
+            orientation || (opts.axis === "y" ? "vertical" : "horizontal"),
           scrollPrev,
           scrollNext,
           canScrollPrev,

my-turborepo/apps/team-website/src/hooks/use-toast.ts

@@ -18,7 +18,7 @@
   action?: ToastActionElement
 }
 
 const actionTypes = {
   ADD_TOAST: "ADD_TOAST",
   UPDATE_TOAST: "UPDATE_TOAST",
   DISMISS_TOAST: "DISMISS_TOAST",
@@ -129,7 +129,7 @@
   }
 }
 
-const listeners: Array<(state: State) => void> = []
+const listeners: ((state: State) => void)[] = []
 
 let memoryState: State = { toasts: [] }
 

my-turborepo/apps/team-website/src/lib/utils.ts

@@ -1,4 +1,5 @@
-import { clsx, type ClassValue } from "clsx"
+import { clsx  } from "clsx"
+import type {ClassValue} from "clsx";
 import { twMerge } from "tailwind-merge"
 
 export function cn(...inputs: ClassValue[]) {

my-turborepo/apps/team-website/src/types/blog.ts

@@ -1,15 +1,15 @@
-type Author = {
+interface Author {
   name: string;
   image: string;
   designation: string;
-};
+}
 
-export type Blog = {
+export interface Blog {
   id: number;
   title: string;
   paragraph: string;
   image: string;
   author: Author;
   tags: string[];
   publishDate: string;
-};
+}

my-turborepo/apps/team-website/src/types/brand.ts

@@ -1,7 +1,7 @@
-export type Brand = {
+export interface Brand {
   id: number;
   name: string;
   href: string;
   image: string;
   imageLight?: string;
-};
+}

my-turborepo/apps/team-website/src/types/feature.ts

@@ -1,6 +1,6 @@
-export type Feature = {
+export interface Feature {
   id: number;
   icon: JSX.Element;
   title: string;
   paragraph: string;
-};
+}

my-turborepo/apps/team-website/src/types/menu.ts

@@ -1,7 +1,7 @@
-export type Menu = {
+export interface Menu {
   id: number;
   title: string;
   path?: string;
   newTab: boolean;
   submenu?: Menu[];
-};
+}

my-turborepo/apps/team-website/src/types/testimonial.ts

@@ -1,8 +1,8 @@
-export type Testimonial = {
+export interface Testimonial {
   id: number;
   name: string;
   designation: string;
   content: string;
   image: string;
   star: number;
-};
+}

my-turborepo/tooling/eslint/base.js

@@ -49,7 +49,7 @@ export default tseslint.config(
     ],
     rules: {
       "@typescript-eslint/no-unused-vars": [
-        "error",
+        "warn",
         { argsIgnorePattern: "^_", varsIgnorePattern: "^_" },
       ],
       "@typescript-eslint/consistent-type-imports": [