feat(frontend): add sidebar links state management

- Introduce OpenedSidebarLinks type for tracking sidebar section states
- Create openedSidebarLinksAtom with persistent storage
- Implement useOpenedSidebarLinks hook for managing sidebar link states

Author: IgnisDa

apps/frontend/app/lib/state/general.tsx

@@ -3,6 +3,30 @@ import { atomWithStorage } from "jotai/utils";
 import { useEffect } from "react";
 import type { Step } from "react-joyride";
 
+type OpenedSidebarLinks = {
+	media: boolean;
+	fitness: boolean;
+	settings: boolean;
+	collection: boolean;
+};
+
+const openedSidebarLinksAtom = atomWithStorage<OpenedSidebarLinks>(
+	"OpenedSidebarLinks",
+	{
+		media: false,
+		fitness: false,
+		settings: false,
+		collection: false,
+	},
+);
+
+export const useOpenedSidebarLinks = () => {
+	const [openedSidebarLinks, setOpenedSidebarLinks] = useAtom(
+		openedSidebarLinksAtom,
+	);
+	return { openedSidebarLinks, setOpenedSidebarLinks };
+};
+
 export const OnboardingTourStepTargets = {
 	One: "tour-step-1",
 	Two: "tour-step-2",
@@ -57,27 +81,3 @@ export const useOnboardingTour = () => {
 		stepIndex: tourState?.currentStepIndex,
 	};
 };
-
-type OpenedSidebarLinks = {
-	media: boolean;
-	fitness: boolean;
-	settings: boolean;
-	collection: boolean;
-};
-
-const openedSidebarLinksAtom = atomWithStorage<OpenedSidebarLinks>(
-	"OpenedSidebarLinks",
-	{
-		media: false,
-		fitness: false,
-		settings: false,
-		collection: false,
-	},
-);
-
-export const useOpenedSidebarLinks = () => {
-	const [openedSidebarLinks, setOpenedSidebarLinks] = useAtom(
-		openedSidebarLinksAtom,
-	);
-	return { openedSidebarLinks, setOpenedSidebarLinks };
-};