chore: upgrade some styles

Author: topstar210

app/(home)/page.tsx

@@ -1,5 +1,6 @@
 import { authOptions } from "@/utilities/auth";
 import { getServerSession } from "next-auth";
+import Link from "next/link";
 
 export default async function Home() {
   const session = await getServerSession(authOptions);
@@ -11,6 +12,9 @@ export default async function Home() {
           ? " Welcome! You Signed In Successfully"
           : "You are not Signed In."}
       </h1>
+      <div className="text-center text-3xl py-16">
+        <Link href={'/my/dashboard'} className="underline">Go to dashboard</Link>
+      </div>
     </main>
   );
 }

app/(portal)/my/dashboard/page.tsx

@@ -14,6 +14,9 @@ export default async function Dashboard() {
           <p className="text-4xl font-semibold">Hi {session?.user?.name}!</p>
         )}
       </h2>
+      <div className="text-center text-3xl py-16">
+        This is a protected dashboard
+      </div>
     </main>
   );
 }

components/Menus/DesktopNav.tsx

@@ -11,9 +11,11 @@ const DesktopNav = () => {
       className={`hidden mx-auto max-w-5xl px-6 lg:flex justify-between items-center py-6`}
     >
       <div className="flex items-center">
-        <h1 className="text-3xl font-semibold">
-          <Link href="/">Rocket NextJs</Link>
-        </h1>
+        <Link href="/" className="flex items-center text-3xl"> <img
+          alt="Flowbite React Logo"
+          className="mr-3 h-8 sm:h-10"
+          src="/logo.png"
+        /> NextJs</Link>
       </div>
       <div className="flex items-center cursor-pointer">
         {session ? (