From 92be324186ebdb2cee0a2892d12e59c92853f71e Mon Sep 17 00:00:00 2001
From: Micha <michabokelmann@web.de>
Date: Fri, 27 Jun 2025 10:36:40 +0200
Subject: [PATCH] style: update home page

---
 src/app/(main)/home/page.tsx | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/app/(main)/home/page.tsx b/src/app/(main)/home/page.tsx
index a3f904d..38237f6 100644
--- a/src/app/(main)/home/page.tsx
+++ b/src/app/(main)/home/page.tsx
@@ -4,10 +4,21 @@ import Calendar from '@/components/calendar';
 import { useGetApiUserMe } from '@/generated/api/user/user';
 
 export default function Home() {
-  const { data } = useGetApiUserMe();
+  const { data, isLoading } = useGetApiUserMe();
 
   return (
-    <div className='max-h-full flex justify-center items-center'>
+    <div className='grid grid-cols-1 w-full place-items-center'>
+      <div className='w-full sm:w-[90%] mb-4'>
+        <h1 className='text-2xl font-bold text-center'>
+          Welcome, <wbr />
+          <span style={{ whiteSpace: 'nowrap' }}>
+            {isLoading
+              ? 'Loading...'
+              : data?.data.user?.first_name || 'Unknown User'}{' '}
+            &#128075;
+          </span>
+        </h1>
+      </div>
       <div className='w-full sm:w-[90%]'>
         <Calendar
           userId={data?.data.user?.id}