fix: sidebar

Author: izadoesdev

apps/dashboard/components/layout/organization-selector.tsx

@@ -130,7 +130,7 @@ function OrganizationSelectorTrigger({
 								{activeOrganization?.name || "Personal"}
 							</span>
 							<Badge
-								className="shrink-0 text-xs"
+								className="shrink-0 py-1 text-xs leading-none"
 								variant={planInfo?.variant || "gray"}
 							>
 								{planInfo?.name || "Free"}

apps/dashboard/components/layout/sidebar.tsx

@@ -8,10 +8,7 @@ import { usePathname } from "next/navigation";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { Button } from "@/components/ui/button";
 import { ScrollArea } from "@/components/ui/scroll-area";
-import {
-	useAccordionStates,
-	usePersistentState,
-} from "@/hooks/use-persistent-state";
+import { useAccordionStates } from "@/hooks/use-persistent-state";
 import { useWebsites } from "@/hooks/use-websites";
 import { cn } from "@/lib/utils";
 import { CategorySidebar } from "./category-sidebar";
@@ -37,9 +34,9 @@ type NavigationConfig = {
 export function Sidebar() {
 	const pathname = usePathname();
 	const [isMobileOpen, setIsMobileOpen] = useState(false);
-	const [selectedCategory, setSelectedCategory] = usePersistentState<
+	const [selectedCategory, setSelectedCategory] = useState<
 		string | undefined
-	>("sidebar-selected-category", undefined);
+	>(undefined);
 	const { websites, isLoading: isLoadingWebsites } = useWebsites();
 	const accordionStates = useAccordionStates();
 	const sidebarRef = useRef<HTMLDivElement>(null);
@@ -151,6 +148,10 @@ export function Sidebar() {
 		return () => document.removeEventListener("keydown", handleKeyDown);
 	}, [isMobileOpen, closeSidebar]);
 
+	useEffect(() => {
+		setSelectedCategory(undefined);
+	}, [pathname]);
+
 	useEffect(() => {
 		if (isMobileOpen && sidebarRef.current) {
 			const firstFocusableElement = sidebarRef.current.querySelector(