update settings screen

src/app/settings/about.tsx

@@ -1,5 +1,6 @@
 import { getVersion } from '@tauri-apps/api/app';
 import { useEffect, useState } from 'react';
+import { Link } from 'react-router-dom';
 
 export function AboutScreen() {
   const [version, setVersion] = useState('');
@@ -22,6 +23,20 @@ export function AboutScreen() {
           <p className="text-neutral-700 dark:text-neutral-300">Version {version}</p>
         </div>
       </div>
+      <div className="mx-auto mt-4 flex w-full max-w-xs flex-col gap-2">
+        <Link
+          to="https://lume.nu"
+          className="inline-flex h-9 w-full items-center justify-center rounded-lg bg-neutral-100 hover:bg-neutral-200 dark:bg-neutral-900 dark:hover:bg-neutral-800"
+        >
+          Website
+        </Link>
+        <Link
+          to="https://github.com/luminous-devs/lume/issues"
+          className="inline-flex h-9 w-full items-center justify-center rounded-lg bg-neutral-100 hover:bg-neutral-200 dark:bg-neutral-900 dark:hover:bg-neutral-800"
+        >
+          Report a issue
+        </Link>
+      </div>
     </div>
   );
 }