Fix weird reloading issue

src/app/projectmanager/ProjectManager_layout.css

@@ -4,6 +4,6 @@
   @apply w-50 h-screen bg-[rgb(24,24,36)] flex flex-col items-center justify-start border-r border-r-[rgb(48,48,72)] z-1;
 }
 
-.sidebar button {
+.sidebar a {
   @apply w-45 bg-[rgb(54,54,72)] hover:bg-[rgb(72,72,96)] rounded-lg border border-[rgb(72,72,96)] hover:border-[rgb(96,96,128)] m-1 p-2 transition-colors cursor-pointer;
 }

src/app/projectmanager/layout.tsx

@@ -4,6 +4,7 @@ import { useEffect, useState } from 'react'
 import './ProjectManager_layout.css'
 import { app } from '@tauri-apps/api'
 import Image from 'next/image'
+import Link from 'next/link'
 
 export default function Layout ({ children }: { children: React.ReactNode }) {
   const [version, setVersion] = useState<string | null>(null)
@@ -37,20 +38,8 @@ export default function Layout ({ children }: { children: React.ReactNode }) {
               setRotation(rotation - 1800)
             }}
           ></Image>
-          <button
+          <Link href='/projectmanager/projects'>Projects</Link>
-            onClick={() =>
+          <Link href='/projectmanager/settings'>Settings</Link>
-              (window.location.pathname = '/projectmanager/projects')
-            }
-          >
-            Projects
-          </button>
-          <button
-            onClick={() =>
-              (window.location.pathname = '/projectmanager/settings')
-            }
-          >
-            Settings
-          </button>
           {version != null && (
             <p className='mt-auto mr-auto ml-2 mb-2 text-gray-400'>
               PHP Fly v{version}