refactor(shared): remove reexport of react-router and nuqs

docs/package.json

@@ -37,7 +37,6 @@
     "react-dom": "^19.2.0",
     "react-error-boundary": "^6.0.0",
     "react-medium-image-zoom": "^5.3.0",
-    "react-router": "^7.9.4",
     "react-syntax-highlighter": "^15.6.1",
     "remark-gfm": "^4.0.1",
     "@lifeforge/shared": "workspace:*",

docs/src/App.tsx

@@ -1,11 +1,7 @@
 import { useEffect } from 'react'
 import { ErrorBoundary } from 'react-error-boundary'
 
-import {
-  Navigate,
-  RouterProvider,
-  createBrowserRouter
-} from '@lifeforge/shared'
+import { Navigate, RouterProvider, createBrowserRouter } from 'react-router'
 import { ErrorScreen, NotFoundScreen } from '@lifeforge/ui'
 
 import ROUTES from './Router'

docs/src/Router.tsx

@@ -1,6 +1,6 @@
 import _ from 'lodash'
 
-import type { RouteObject } from '@lifeforge/shared'
+import type { RouteObject } from 'react-router'
 
 import { components as COMPONENTS } from './components/MdxComponents'
 

docs/src/components/Boilerplate/components/NavigationBar.tsx

@@ -2,7 +2,7 @@ import { Icon } from '@iconify/react'
 import _ from 'lodash'
 import { useMemo } from 'react'
 
-import { Link, useLocation } from '@lifeforge/shared'
+import { Link, useLocation } from 'react-router'
 
 import ROUTES from '../../../Router'
 

docs/src/components/Boilerplate/index.tsx

@@ -2,7 +2,7 @@ import { Icon } from '@iconify/react'
 import { useEffect } from 'react'
 import Scrollbars from 'react-custom-scrollbars'
 
-import { useLocation } from '@lifeforge/shared'
+import { useLocation } from 'react-router'
 
 import { BLACKLISTED_PAGES } from '../Rightbar'
 import NavigationBar from './components/NavigationBar'

docs/src/components/CustomLink.tsx

@@ -1,6 +1,5 @@
 import { Icon } from '@iconify/react'
-
-import { Link } from '@lifeforge/shared'
+import { Link } from 'react-router'
 
 function CustomLink({ text, to }: { text: string; to: string }) {
   return (

docs/src/components/Header.tsx

@@ -1,7 +1,7 @@
 import { Icon } from '@iconify/react'
+import { Link } from 'react-router'
 
-import { Link } from '@lifeforge/shared'
-import { usePersonalization } from '@lifeforge/shared'
+import { usePersonalization } from '@lifeforge/ui'
 
 import GithubStarCount from './GithubStarCount'
 

docs/src/components/Layout.tsx

@@ -1,6 +1,6 @@
 import { useState } from 'react'
 
-import { Outlet } from '@lifeforge/shared'
+import { Outlet } from 'react-router'
 
 import Boilerplate from './Boilerplate'
 import Header from './Header'

docs/src/components/MdxComponents.tsx

@@ -1,7 +1,6 @@
 import type { MDXComponents } from 'mdx/types'
 import Zoom from 'react-medium-image-zoom'
-
-import { Link } from '@lifeforge/shared'
+import { Link } from 'react-router'
 
 import Code from './Code'
 

docs/src/components/Rightbar.tsx

@@ -2,7 +2,7 @@ import { Icon } from '@iconify/react'
 import _ from 'lodash'
 import { useEffect, useRef, useState } from 'react'
 
-import { useLocation } from '@lifeforge/shared'
+import { useLocation } from 'react-router'
 
 export const BLACKLISTED_PAGES = ['/progress/changelog']
 

docs/src/components/Sidebar.tsx

@@ -1,7 +1,7 @@
 import _ from 'lodash'
 import { Scrollbars } from 'react-custom-scrollbars'
 
-import { Link, useLocation } from '@lifeforge/shared'
+import { Link, useLocation } from 'react-router'
 
 import ROUTES from '../Router'
 

docs/src/contents/02.user-guide/components/BgTemp.tsx

@@ -1,4 +1,4 @@
-import { usePersonalization } from '@lifeforge/shared'
+import { usePersonalization } from '@lifeforge/ui'
 
 const COLORS = ['bg-slate', 'bg-gray', 'bg-zinc', 'bg-neutral', 'bg-stone']
 

docs/src/contents/02.user-guide/components/CustomColorInput.tsx

@@ -1,7 +1,7 @@
 import { Icon } from '@iconify/react'
 import { useEffect, useState } from 'react'
 
-import { usePersonalization } from '@lifeforge/shared'
+import { usePersonalization } from '@lifeforge/ui'
 import { Button, ColorInput, Switch } from '@lifeforge/ui'
 
 function CustomColorInput() {

docs/src/contents/02.user-guide/components/LightAndDarkMode.tsx

@@ -1,6 +1,6 @@
 import { Icon } from '@iconify/react'
 
-import { usePersonalization } from '@lifeforge/shared'
+import { usePersonalization } from '@lifeforge/ui'
 
 function LightAndDarkMode() {
   const { derivedTheme, setTheme } = usePersonalization()

docs/src/contents/02.user-guide/components/ThemeColors.tsx

@@ -1,6 +1,6 @@
 import { Icon } from '@iconify/react'
 
-import { usePersonalization } from '@lifeforge/shared'
+import { usePersonalization } from '@lifeforge/ui'
 
 function ThemeColors() {
   const { setRawThemeColor, rawThemeColor } = usePersonalization()