New sidebar style

src/app/componets/Sidebar.css

@@ -14,7 +14,7 @@
 }
 
 .logo {
-  @apply flex items-center pl-1 h-14 w-60;
+  @apply flex items-center pl-2 h-10 w-60 pt-2;
 }
 
 .nav-links {

src/app/componets/Sidebar.tsx

@@ -17,6 +17,11 @@ import Image from 'next/image'
 import Link from 'next/link'
 import { usePathname, useSearchParams } from 'next/navigation'
 import { getCurrentWindow } from '@tauri-apps/api/window'
+import { Lexend } from 'next/font/google'
+
+const lexend = Lexend({
+  subsets: ['latin']
+})
 
 export default function Sidebar () {
   const {
@@ -63,13 +68,12 @@ export default function Sidebar () {
           }
         }}
       >
-        <Image draggable={false} src={Icon} width={48} height={48} alt='' />
+        <Image draggable={false} src={Icon} width={36} height={36} alt='' />
-        <p className='ml-1 text-[17px] whitespace-nowrap'>
+        <p className={`ml-1 text-[16px] whitespace-nowrap ${lexend.className}`}>
           Lncvrt Games Launcher
         </p>
       </div>
-      <div className='overflow-auto'>
+      <nav className='nav-links overflow-auto pt-2'>
-        <nav className='nav-links'>
         <Link
           draggable={false}
           href='/'
@@ -120,7 +124,6 @@ export default function Sidebar () {
           <FontAwesomeIcon icon={faDiscord} className='mr-1' /> Community
         </button>
       </nav>
-      </div>
       <div
         className='sidebar-downloads'
         hidden={downloadProgress.length == 0}