fix a few pages not being the full screen height

projects/website/src/app/(pages)/scores/live/page.tsx

@@ -12,13 +12,15 @@ export const metadata: Metadata = {
 
 export default function ScoresPage() {
   return (
-    <Card className="flex flex-col gap-2 w-full xl:w-[75%]">
-      <div>
-        <p className="font-semibold'">Live Score Feed</p>
-        <p className="text-gray-400">This is the real-time scores being set on ScoreSaber.</p>
-      </div>
+    <main className="w-full min-h-screen flex justify-center">
+      <Card className="flex flex-col gap-2 w-full h-fit xl:w-[75%]">
+        <div>
+          <p className="font-semibold'">Live Score Feed</p>
+          <p className="text-gray-400">This is the real-time scores being set on ScoreSaber.</p>
+        </div>
 
-      <ScoreFeed />
-    </Card>
+        <ScoreFeed />
+      </Card>
+    </main>
   );
 }

projects/website/src/app/(pages)/search/page.tsx

@@ -7,7 +7,7 @@ export const metadata: Metadata = {
 
 export default function SearchPage() {
   return (
-    <div className="flex flex-col items-center justify-center gap-2">
+    <div className="min-h-screen flex flex-col items-center justify-center gap-2">
       <div className="mb-4 mt-2 flex h-[150px] w-[150px] items-center justify-center rounded-full select-none bg-gray-600">
         <p className="text-9xl">?</p>
       </div>

projects/website/src/app/(pages)/settings/page.tsx

@@ -3,7 +3,7 @@ import Settings from "@/components/settings/settings";
 
 export default function SettingsPage() {
   return (
-    <main className="w-full">
+    <main className="min-h-screen w-full">
       <Card className="w-full gap-4">
         <div>
           <p className="font-semibold">Settings</p>