refactor: move components directory into src

src/app/create-username/page.tsx

@@ -1,7 +1,6 @@
-import { auth } from "@/lib/auth";
-
-import UsernameForm from "../components/username-form";
 import { redirect } from "next/navigation";
+import { auth } from "@/lib/auth";
+import UsernameForm from "@/components/username-form";
 
 export default async function CreateUsernamePage() {
 	const session = await auth();

src/app/layout.tsx

@@ -3,8 +3,8 @@ import Script from "next/script";
 import { Lexend } from "next/font/google";
 
 import "./globals.css";
-import Header from "./components/header";
-import Footer from "./components/footer";
+import Header from "@/components/header";
+import Footer from "@/components/footer";
 import Providers from "./provider";
 
 const lexend = Lexend({

src/app/login/page.tsx

@@ -1,6 +1,6 @@
 import { redirect } from "next/navigation";
 import { auth } from "@/lib/auth";
-import LoginButtons from "../components/login-buttons";
+import LoginButtons from "@/components/login-buttons";
 
 export default async function LoginPage() {
 	const session = await auth();

src/app/mii/[slug]/page.tsx

@@ -6,10 +6,10 @@ import { Icon } from "@iconify/react";
 import { auth } from "@/lib/auth";
 import { prisma } from "@/lib/prisma";
 
-import Carousel from "@/app/components/carousel";
-import LikeButton from "@/app/components/like-button";
-import ImageViewer from "@/app/components/image-viewer";
-import DeleteMiiButton from "@/app/components/delete-mii";
+import Carousel from "@/components/carousel";
+import LikeButton from "@/components/like-button";
+import ImageViewer from "@/components/image-viewer";
+import DeleteMiiButton from "@/components/delete-mii";
 
 interface Props {
 	params: Promise<{ slug: string }>;

src/app/not-found.tsx

@@ -7,8 +7,8 @@ export default function NotFound() {
 			<div className="bg-amber-50 border-2 border-amber-500 rounded-2xl shadow-lg p-8 max-w-xs w-full text-center flex flex-col">
 				<h2 className="text-7xl font-black">404</h2>
 				<p>Page not found</p>
-				<Link href="/" className="pill button gap-1 mt-8 w-fit self-center">
-					<Icon icon="ic:round-home" fontSize={22} />
+				<Link href="/" className="pill button gap-2 mt-8 w-fit self-center">
+					<Icon icon="ic:round-home" fontSize={24} />
 					Return Home
 				</Link>
 			</div>

src/app/page.tsx

@@ -1,6 +1,6 @@
 import { redirect } from "next/navigation";
 import { auth } from "@/lib/auth";
-import MiiList from "./components/mii-list";
+import MiiList from "@/components/mii-list";
 
 export default async function Page() {
 	const session = await auth();

src/app/profile/[slug]/page.tsx

@@ -7,7 +7,7 @@ import { Icon } from "@iconify/react";
 import { auth } from "@/lib/auth";
 import { prisma } from "@/lib/prisma";
 
-import MiiList from "@/app/components/mii-list";
+import MiiList from "@/components/mii-list";
 
 interface Props {
 	params: Promise<{ slug: string }>;

src/app/profile/settings/page.tsx

@@ -7,7 +7,7 @@ import { Icon } from "@iconify/react";
 import { auth } from "@/lib/auth";
 import { prisma } from "@/lib/prisma";
 
-import ProfileSettings from "@/app/components/profile-settings";
+import ProfileSettings from "@/components/profile-settings";
 
 export default async function ProfileSettingsPage() {
 	const session = await auth();

src/app/submit/page.tsx

@@ -1,6 +1,6 @@
 import { redirect } from "next/navigation";
 import { auth } from "@/lib/auth";
-import SubmitForm from "../components/submit-form";
+import SubmitForm from "@/components/submit-form";
 
 export default async function SubmitPage() {
 	const session = await auth();

src/components/profile-settings/submit-dialog-button.tsx

@@ -42,7 +42,7 @@ export default function SubmitDialogButton({ title, description, onSubmit, error
 
 			{isOpen &&
 				createPortal(
-					<div className="fixed inset-0 flex items-center justify-center z-40">
+					<div className="fixed inset-0 flex-grow flex items-center justify-center z-40">
 						<div
 							onClick={close}
 							className={`z-40 absolute inset-0 backdrop-brightness-75 backdrop-blur-xs transition-opacity duration-300 ${