feat: create back to dashboard link component

Author: Eric-Zhang-Developer

package-lock.json

@@ -12,6 +12,7 @@
     "@supabase/ssr": "^0.7.0",
     "@supabase/supabase-js": "^2.75.0",
     "daisyui": "^5.3.7",
+    "lucide-react": "^0.548.0",
     "next": "15.5.3",
     "react": "19.1.0",
     "react-dom": "19.1.0"

package.json

@@ -1,6 +1,10 @@
+import BackToDashBoardLink from "@/components/back-to-dashboard-link";
+
 export default function TutorialHelloWorld() {
   return (
     <div className="min-h-screen bg-gray-50 p-8">
+      <BackToDashBoardLink></BackToDashBoardLink>
+
       <article className="max-w-5xl mx-auto bg-white p-6 md:p-10 rounded-lg shadow-md space-y-6">
         {/* Quest Title */}
         <h1 className="text-3xl md:text-4xl font-bold text-indigo-700 border-b pb-2 mb-6">

src/app/tutorial-hello-world/page.tsx

@@ -0,0 +1,14 @@
+import { ArrowLeft } from "lucide-react";
+import Link from "next/link";
+
+export default function BackToDashBoardLink() {
+  return (
+    <Link
+      href="/dashboard"
+      className="mb-4 inline-block text-indigo-600 hover:text-indigo-800 transition hover:scale-105 group"
+    >
+      <ArrowLeft className="inline-block w-5 h-5 mr-1" />
+      <span className="text-sm font-medium">Back to Dashboard</span>
+    </Link>
+  );
+}