some change

src/components/NavBar.tsx

@@ -1,4 +1,4 @@
-import { useUser } from '../store/userStore'
+import { useUser } from '../app/user/userStore'
 import NavLinkButton from './NavLinkButton'
 
 export default function NavBar() {

src/components/NavLinkButton.tsx

@@ -1,5 +1,5 @@
 import { PropsWithChildren } from 'react'
-import { Link } from 'react-router'
+import { Link } from 'react-router-dom'
 interface NavLinkButtonProps {
   to: string
 }

src/components/SecondaryButton.tsx

@@ -18,11 +18,7 @@ export default function SecondaryButton({
       type={type}
       disabled={disabled}
       onClick={onClick}
-      className={`
-      px-4 p-2 rounded-md
-      text-primary-500 hover:text-primary-700
-       cursor-pointer disabled:cursor-default 
-      ${extraClasses}
+      className={`secondary-button ${extraClasses}
       `}
     >
       {children}

src/components/SecondaryLinkButton.tsx

@@ -0,0 +1,18 @@
+import { PropsWithChildren } from 'react'
+
+interface SecondaryLinkButtonProps {
+  href: string
+  className?: string
+}
+
+export default function SecondaryLinkButton({
+  href,
+  className: extraClasses = '',
+  children,
+}: PropsWithChildren<SecondaryLinkButtonProps>) {
+  return (
+    <a href={href} className={`secondary-button text-center ${extraClasses}`}>
+      {children}
+    </a>
+  )
+}

src/components/SecondaryNavButton.tsx

@@ -0,0 +1,19 @@
+import { PropsWithChildren } from 'react'
+import { Link } from 'react-router-dom'
+
+interface SecondaryNavButtonProps {
+  to: string
+  className?: string
+}
+
+export default function SecondaryNavButton({
+  to,
+  className: extraClasses = '',
+  children,
+}: PropsWithChildren<SecondaryNavButtonProps>) {
+  return (
+    <Link to={to} className={`secondary-button text-center ${extraClasses}`}>
+      {children}
+    </Link>
+  )
+}