Changing navigation to Legal pages and fixing lerna dep warning

clients/core/src/LandingPage/components/Footer.tsx

@@ -1,7 +1,9 @@
+import { useNavigate } from 'react-router-dom'
 import packageJSON from '../../../package.json'
 
 export const Footer = (): JSX.Element => {
   const version = packageJSON.version
+  const navigate = useNavigate()
 
   return (
     <footer className='w-full mt-16 py-6 px-4 sm:px-6 lg:px-8 border-t border-gray-200'>
@@ -19,20 +21,20 @@ export const Footer = (): JSX.Element => {
             v{version}
           </a>
           <a
-            href='/about'
-            className='text-gray-500 hover:text-gray-700 transition-colors underline'
+            onClick={() => navigate('/about')}
+            className='text-gray-500 hover:text-gray-700 transition-colors underline cursor-pointer'
           >
             About
           </a>
           <a
-            href='/imprint'
-            className='text-gray-500 hover:text-gray-700 transition-colors underline'
+            onClick={() => navigate('/imprint')}
+            className='text-gray-500 hover:text-gray-700 transition-colors underline cursor-pointer'
           >
             Imprint
           </a>
           <a
-            href='/privacy'
-            className='text-gray-500 hover:text-gray-700 transition-colors underline'
+            onClick={() => navigate('/privacy')}
+            className='text-gray-500 hover:text-gray-700 transition-colors underline cursor-pointer'
           >
             Privacy Policy
           </a>

clients/core/src/LegalPages/Imprint.tsx

@@ -3,9 +3,15 @@ import { Section } from './components/Section'
 import { Button } from '@/components/ui/button'
 import { ArrowLeft } from 'lucide-react'
 import { useNavigate } from 'react-router-dom'
+import { useEffect } from 'react'
 
 export default function ImprintPage() {
   const navigate = useNavigate()
+
+  useEffect(() => {
+    window.scrollTo(0, 0)
+  }, [])
+
   return (
     <div className='container mx-auto py-8 px-4'>
       <Card className='w-full max-w-4xl mx-auto'>

clients/core/src/LegalPages/Privacy.tsx

@@ -3,9 +3,15 @@ import { Section } from './components/Section'
 import { Button } from '@/components/ui/button'
 import { ArrowLeft } from 'lucide-react'
 import { useNavigate } from 'react-router-dom'
+import { useEffect } from 'react'
 
 export default function PrivacyPage() {
   const navigate = useNavigate()
+
+  useEffect(() => {
+    window.scrollTo(0, 0)
+  }, [])
+
   return (
     <div className='container mx-auto py-8 px-4'>
       <Card className='w-full max-w-4xl mx-auto'>

clients/lerna.json

@@ -5,6 +5,5 @@
     "core",
     "template_component", 
     "shared_library"
-  ],
-  "useWorkspaces": true
+  ]
 }