refactor: clean up code and remove unused configurations

Remove unused Vercel configuration file, clean up imports, and simplify footer navigation links. Add error handling for user profile page to improve robustness.

Author: Adityasinghvats

src/app/components/Footer.tsx

@@ -10,18 +10,6 @@ const Footer = () => {
             title: "Home",
             href: "/",
         },
-        {
-            title: "About",
-            href: "/about",
-        },
-        {
-            title: "Privacy Policy",
-            href: "/privacy-policy",
-        },
-        {
-            title: "Terms of Service",
-            href: "/terms-of-service",
-        },
         {
             title: "Questions",
             href: "/questions",

src/app/questions/page.tsx

@@ -1,4 +1,3 @@
-
 import { databases, users } from "@/models/server/config";
 import { answerCollection, db, voteCollection, questionCollection } from "@/models/name";
 import { Query } from "node-appwrite";

src/app/users/[userId]/[userSlug]/page.tsx

@@ -1,4 +1,3 @@
-
 import { databases, users } from "@/models/server/config";
 import { UserPrefs } from "@/store/Auth";
 import React from "react";
@@ -7,60 +6,69 @@ import {NumberTicker} from "@/components/magicui/number-ticker";
 import { answerCollection, db, questionCollection } from "@/models/name";
 import { Query } from "node-appwrite";
 import { Particles } from "@/components/magicui/particles";
+import { notFound } from 'next/navigation';
 
 const Page = async (props: { params: Promise<{ userId: string; userSlug: string }> }) => {
     const params = await props.params;
-    const [user, questions, answers] = await Promise.all([
-        users.get<UserPrefs>(params.userId),
-        databases.listDocuments(db, questionCollection, [
-            Query.equal("authorId", params.userId),
-            Query.limit(1), // for optimization
-        ]),
-        databases.listDocuments(db, answerCollection, [
-            Query.equal("authorId", params.userId),
-            Query.limit(1), // for optimization
-        ]),
-    ]);
+    try {
+        const [user, questions, answers] = await Promise.all([
+            users.get<UserPrefs>(params.userId),
+            databases.listDocuments(db, questionCollection, [
+                Query.equal("authorId", params.userId),
+                Query.limit(1), // for optimization
+            ]),
+            databases.listDocuments(db, answerCollection, [
+                Query.equal("authorId", params.userId),
+                Query.limit(1), // for optimization
+            ]),
+        ]);
+
+        if (!user) {
+            notFound();
+        }
 
-    return (
-                            
-        <div>
-            <Particles
-                className="fixed inset-0 h-full w-full"
-                quantity={500}
-                ease={100}
-                color="#ffffff"
-                refresh
-            />
-            <MagicCard className="flex w-full cursor-pointer flex-col items-center justify-center overflow-hidden p-20 shadow-2xl">
-                <div className="text-center">
-                    <h2 className="text-xl font-medium z-10">User reputation</h2>
-                </div>
-                <p className="whitespace-nowrap text-4xl font-mediumm">
-                    <NumberTicker value={user.prefs.reputation} />
-                </p>
-            </MagicCard>
-            <MagicCard className="flex w-full cursor-pointer flex-col items-center justify-center overflow-hidden p-20 shadow-2xl">
-                <div className="text-center">
-                    <h2 className="text-xl font-medium">Questions asked</h2>
-                </div>
-                <p className="whitespace-nowrap text-4xl font-medium">
-                    <NumberTicker value={questions.total} />
-                </p>
-                {/* <div className="pointer-events-none absolute inset-0 h-full bg-[radial-gradient(circle_at_50%_120%,rgba(120,119,198,0.3),rgba(255,255,255,0))]" /> */}
-            </MagicCard>
-            <MagicCard className="flex w-full cursor-pointer flex-col items-center justify-center overflow-hidden p-20 shadow-2xl">
-                <div className="text-center">
-                    <h2 className="text-xl font-medium">Answers given</h2>
-                </div>
-                <p className="whitespace-nowrap text-4xl font-medium">
-                    <NumberTicker value={answers.total} />
-                </p>
-                {/* /<div className="pointer-events-none absolute inset-0 h-full bg-[radial-gradient(circle_at_50%_120%,rgba(120,119,198,0.3),rgba(255,255,255,0))]" /> */}
-            </MagicCard>
-        
-        </div>
-    );
+        return (
+            <div>
+                <Particles
+                    className="fixed inset-0 h-full w-full"
+                    quantity={500}
+                    ease={100}
+                    color="#ffffff"
+                    refresh
+                />
+                <MagicCard className="flex w-full cursor-pointer flex-col items-center justify-center overflow-hidden p-20 shadow-2xl">
+                    <div className="text-center">
+                        <h2 className="text-xl font-medium z-10">User reputation</h2>
+                    </div>
+                    <p className="whitespace-nowrap text-4xl font-mediumm">
+                        <NumberTicker value={user.prefs.reputation} />
+                    </p>
+                </MagicCard>
+                <MagicCard className="flex w-full cursor-pointer flex-col items-center justify-center overflow-hidden p-20 shadow-2xl">
+                    <div className="text-center">
+                        <h2 className="text-xl font-medium">Questions asked</h2>
+                    </div>
+                    <p className="whitespace-nowrap text-4xl font-medium">
+                        <NumberTicker value={questions.total} />
+                    </p>
+                    {/* <div className="pointer-events-none absolute inset-0 h-full bg-[radial-gradient(circle_at_50%_120%,rgba(120,119,198,0.3),rgba(255,255,255,0))]" /> */}
+                </MagicCard>
+                <MagicCard className="flex w-full cursor-pointer flex-col items-center justify-center overflow-hidden p-20 shadow-2xl">
+                    <div className="text-center">
+                        <h2 className="text-xl font-medium">Answers given</h2>
+                    </div>
+                    <p className="whitespace-nowrap text-4xl font-medium">
+                        <NumberTicker value={answers.total} />
+                    </p>
+                    {/* /<div className="pointer-events-none absolute inset-0 h-full bg-[radial-gradient(circle_at_50%_120%,rgba(120,119,198,0.3),rgba(255,255,255,0))]" /> */}
+                </MagicCard>
+            
+            </div>
+        );
+    } catch (error) {
+        console.error('Error loading user profile:', error);
+        notFound();
+    }
 };
 
 export default Page;