feat: improve mii list filtering, add gender filter

- added react transitions when redirecting, should improve UI looks and
smoothness when filtering/sorting
- small refactor - put @types/sjcl in devDependencies

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

@@ -78,11 +78,9 @@ export default async function ProfilePage({ searchParams, params }: Props) {
 	return (
 		<div>
 			<ProfileInformation userId={user.id} />
-			<div className="bg-amber-50 border-2 border-amber-500 rounded-2xl shadow-lg p-4 flex flex-col gap-4">
-				<Suspense fallback={<Skeleton />}>
-					<MiiList searchParams={await searchParams} userId={user.id} />
-				</Suspense>
-			</div>
+			<Suspense fallback={<Skeleton />}>
+				<MiiList searchParams={await searchParams} userId={user.id} />
+			</Suspense>
 		</div>
 	);
 }

src/app/profile/likes/page.tsx

@@ -29,20 +29,16 @@ export default async function ProfileSettingsPage({ searchParams }: Props) {
 	return (
 		<div>
 			<ProfileInformation page="likes" />
-			<div className="bg-amber-50 border-2 border-amber-500 rounded-2xl shadow-lg p-4 flex flex-col gap-4">
+			<div className="bg-amber-50 border-2 border-amber-500 rounded-2xl shadow-lg p-4 flex flex-col gap-4 mb-2">
 				<div>
 					<h2 className="text-2xl font-bold">My Likes</h2>
 					<p className="text-sm text-zinc-500">View every Mii you have liked on TomodachiShare.</p>
 				</div>
-
-				<div className="h-5 flex items-center">
-					<hr className="flex-grow border-zinc-300" />
-				</div>
-
-				<Suspense fallback={<Skeleton />}>
-					<MiiList inLikesPage searchParams={await searchParams} />
-				</Suspense>
 			</div>
+
+			<Suspense fallback={<Skeleton />}>
+				<MiiList inLikesPage searchParams={await searchParams} />
+			</Suspense>
 		</div>
 	);
 }