Made a working settings panel & includes the user's info, what is

missing? well, all the actions that requires the data to be sent to the
server is still not there yet. Tried to add onboarding, but I have just
no idea how to do it (Maybe I can do it w/ a video?

server/api/user/sendUserChanges.post.ts

@@ -1,7 +1,7 @@
 import sql from "~/server/components/postgres";
 export default defineEventHandler(async (event) => {
   const body = await readBody(event);
-  const { request_change } = body;
+  /*
   const userToken = getCookie(event, "token");
   if (!userToken) {
     return {
@@ -19,5 +19,6 @@ export default defineEventHandler(async (event) => {
   }
   if (request_change === "groq_api_key") {
     const updateListing = await sql``;
-  }
+    }*/
+  return { body: body };
 });

server/api/user/validateUserToken.ts

@@ -39,6 +39,7 @@ export default defineEventHandler(async (event) => {
   }
   return {
     userAccount: fetchViaSQL[0].username,
+    firstName: fetchViaSQL[0].firstName,
     requested_action: "CONTINUE",
     email: fetchViaSQL[0].email,
     avatarURL: fetchViaSQL[0].avatarurl,

server/components/customgroqsystem.ts

@@ -19,7 +19,7 @@ export async function checkIfUserHasCustomGroqKey(token?: string) {
   }
   const fetchUserToken = await sql`
     select groq_api_key from user_other_data
-    where username=${checkRealToken[0].username}`;
+    where username = ${checkRealToken[0].username}`;
   if (fetchUserToken.length === 0) {
     return {
       status: false,