added a help guide

src/components/Navigation.tsx

@@ -1,5 +1,5 @@
 import { type Component, For, Show } from "solid-js";
-import { LayoutDashboard, ListTodo, Settings, Clock, ArrowUpCircle, PanelLeftClose, Snowflake, Pickaxe, ChevronDown, Gauge, TrendingUp, Users, Box, BarChart3 } from "lucide-solid";
+import { LayoutDashboard, ListTodo, Settings, Clock, ArrowUpCircle, PanelLeftClose, Snowflake, Pickaxe, ChevronDown, Gauge, TrendingUp, Users, Box, BarChart3, HelpCircle } from "lucide-solid";
 import { cn } from "@/lib/utils";
 import { Button } from "./ui/button";
 import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/popover";
@@ -375,7 +375,19 @@ export const Sidebar: Component<{
                 />
             </div>
 
-            <div class="p-3 border-t border-border mt-auto">
+            <div class="px-3 border-t border-border mt-auto pt-3 space-y-1 pb-3">
+                <button
+                    onClick={() => props.setView("help")}
+                    class={cn(
+                        "flex items-center space-x-3 w-full px-3 py-2.5 rounded-lg transition-all duration-200 group text-sm",
+                        props.currentView === "help"
+                            ? "bg-primary text-primary-foreground shadow-sm"
+                            : "text-muted-foreground hover:bg-muted hover:text-foreground"
+                    )}
+                >
+                    <HelpCircle size={16} class={cn("transition-transform group-hover:scale-110")} />
+                    <span class="font-medium">Help Guide</span>
+                </button>
                 <button
                     onClick={() => props.setView("settings")}
                     class={cn(