Enhancement for Custom Title Bar and general improved App behavior

app/about/page.tsx

@@ -0,0 +1,7 @@
+"use client";
+
+import { About } from "@/components/About";
+
+export default function AboutPage() {
+  return <About />;
+}

components/About.tsx

@@ -0,0 +1,78 @@
+"use client";
+
+import { Button } from "@/components/ui/button";
+import { ScrollArea } from "@/components/ui/scroll-area";
+import { Github, Heart } from "lucide-react";
+import { getCurrentWebviewWindow } from "@tauri-apps/api/webviewWindow";
+import { CustomTitleBar } from "@/components/CustomTitleBar";
+import { open } from "@tauri-apps/plugin-shell";
+
+export function About() {
+  const handleClose = async () => {
+    const window = getCurrentWebviewWindow();
+    await window.close();
+  };
+
+  return (
+    <div className="flex h-screen w-full flex-col">
+      <CustomTitleBar 
+        title="About"
+        hideMaximize={true}
+      />
+
+      <ScrollArea className="flex-1">
+        <div className="flex flex-col items-center justify-center p-12 space-y-8">
+          {/* App Icon and Title */}
+          <div className="flex flex-col items-center space-y-4">
+            <img 
+              src="/app-icon.png" 
+              alt="App Icon" 
+              className="h-24 w-24"
+            />
+            <div className="text-center space-y-2">
+              <h1 className="text-3xl font-bold tracking-tight">Simple Password Manager</h1>
+              <p className="text-sm text-muted-foreground">Version 1.0.0</p>
+            </div>
+          </div>
+
+          {/* Description */}
+          <p className="text-center text-muted-foreground max-w-md leading-relaxed">
+            A secure and modern password manager built with the proven KeePass database format. 
+            Keep your passwords safe with strong encryption.
+          </p>
+
+          {/* Links */}
+          <div className="flex flex-col gap-3 w-full max-w-xs">
+            <Button
+              variant="outline"
+              className="w-full justify-center gap-2"
+              onClick={() => open('https://github.com/jonax1337/Password-Manager')}
+            >
+              <Github className="h-4 w-4" />
+              View on GitHub
+            </Button>
+          </div>
+
+          {/* Tech Stack - Simple badges */}
+          <div className="flex flex-wrap justify-center gap-2 mt-4">
+            <span className="text-xs px-3 py-1 rounded-full bg-secondary text-secondary-foreground">Tauri</span>
+            <span className="text-xs px-3 py-1 rounded-full bg-secondary text-secondary-foreground">React</span>
+            <span className="text-xs px-3 py-1 rounded-full bg-secondary text-secondary-foreground">Next.js</span>
+            <span className="text-xs px-3 py-1 rounded-full bg-secondary text-secondary-foreground">Rust</span>
+            <span className="text-xs px-3 py-1 rounded-full bg-secondary text-secondary-foreground">TypeScript</span>
+          </div>
+
+          {/* Footer */}
+          <div className="pt-8 text-center space-y-1">
+            <p className="text-xs text-muted-foreground flex items-center justify-center gap-1">
+              Made with <Heart className="h-3 w-3 fill-current text-red-500" /> by Jonas Laux
+            </p>
+            <p className="text-xs text-muted-foreground">
+              Open Source • MIT License
+            </p>
+          </div>
+        </div>
+      </ScrollArea>
+    </div>
+  );
+}

components/AboutDialog.tsx

@@ -0,0 +1,89 @@
+"use client";
+
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogHeader,
+  DialogTitle,
+} from "@/components/ui/dialog";
+import { Button } from "@/components/ui/button";
+import { ExternalLink, Github } from "lucide-react";
+
+interface AboutDialogProps {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+}
+
+export function AboutDialog({ open, onOpenChange }: AboutDialogProps) {
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      <DialogContent className="sm:max-w-[500px]">
+        <DialogHeader>
+          <div className="flex items-center gap-3 mb-2">
+            <img 
+              src="/app-icon.png" 
+              alt="App Icon" 
+              className="h-12 w-12"
+            />
+            <div>
+              <DialogTitle className="text-2xl">Simple Password Manager</DialogTitle>
+              <DialogDescription className="mt-1">
+                Version 1.0.0
+              </DialogDescription>
+            </div>
+          </div>
+        </DialogHeader>
+
+        <div className="space-y-4 py-4">
+          <p className="text-sm text-muted-foreground">
+            A secure, modern password manager built with KeePass database format (.kdbx). 
+            Keep your passwords safe with strong encryption and a clean, intuitive interface.
+          </p>
+
+          <div className="space-y-2">
+            <h4 className="text-sm font-semibold">Features</h4>
+            <ul className="text-sm text-muted-foreground space-y-1 list-disc list-inside">
+              <li>KeePass 2.x database format support</li>
+              <li>Strong encryption (AES-256, ChaCha20)</li>
+              <li>Password generator with strength meter</li>
+              <li>Breach checking with Have I Been Pwned</li>
+              <li>Auto-lock and quick unlock</li>
+              <li>Cross-platform support</li>
+            </ul>
+          </div>
+
+          <div className="flex gap-2 pt-2">
+            <Button
+              variant="outline"
+              size="sm"
+              onClick={() => window.open('https://github.com/jonax1337/Password-Manager', '_blank')}
+              className="flex-1"
+            >
+              <Github className="h-4 w-4 mr-2" />
+              GitHub Repository
+            </Button>
+            <Button
+              variant="outline"
+              size="sm"
+              onClick={() => window.open('https://github.com/jonax1337/Password-Manager/issues', '_blank')}
+              className="flex-1"
+            >
+              <ExternalLink className="h-4 w-4 mr-2" />
+              Report Issue
+            </Button>
+          </div>
+
+          <div className="pt-2 border-t">
+            <p className="text-xs text-muted-foreground text-center">
+              Built with Tauri, React, and Next.js
+            </p>
+            <p className="text-xs text-muted-foreground text-center mt-1">
+              © 2026 Simple Password Manager. Open Source Software.
+            </p>
+          </div>
+        </div>
+      </DialogContent>
+    </Dialog>
+  );
+}

components/CreateDatabaseDialog.tsx

@@ -13,22 +13,24 @@ import {
   DialogTitle,
 } from "@/components/ui/dialog";
 import { FolderOpen } from "lucide-react";
-import { createDatabase } from "@/lib/tauri";
+import { createDatabase, openDatabaseInNewInstance } from "@/lib/tauri";
 import { useToast } from "@/components/ui/use-toast";
 import { open } from "@tauri-apps/plugin-dialog";
-import { saveLastDatabasePath } from "@/lib/storage";
+import { saveLastDatabasePath, addRecentDatabase } from "@/lib/storage";
 import { PasswordStrengthMeter } from "@/components/PasswordStrengthMeter";
 
 interface CreateDatabaseDialogProps {
   isOpen: boolean;
   onClose: () => void;
-  onSuccess: () => void;
+  onSuccess: (openedInNewInstance: boolean) => void;
+  hasOpenDatabase?: boolean;
 }
 
 export function CreateDatabaseDialog({
   isOpen,
   onClose,
   onSuccess,
+  hasOpenDatabase = false,
 }: CreateDatabaseDialogProps) {
   const [folderPath, setFolderPath] = useState("");
   const [fileName, setFileName] = useState("");
@@ -92,20 +94,32 @@ export function CreateDatabaseDialog({
       const fullPath = `${folderPath}\\${fileNameWithExt}`;
 
       await createDatabase(fullPath, password);
-      saveLastDatabasePath(fullPath);
+      addRecentDatabase(fullPath);
 
-      toast({
-        title: "Success",
-        description: "Database created successfully",
-        variant: "success",
-      });
+      if (hasOpenDatabase) {
+        // Open in new instance if a database is already open
+        await openDatabaseInNewInstance(fullPath);
+        toast({
+          title: "Success",
+          description: "Database created and opened in new window",
+          variant: "success",
+        });
+        onSuccess(true);
+      } else {
+        // Open in current instance
+        saveLastDatabasePath(fullPath);
+        toast({
+          title: "Success",
+          description: "Database created successfully",
+          variant: "success",
+        });
+        onSuccess(false);
+      }
 
       setFolderPath("");
       setFileName("");
       setPassword("");
       setConfirmPassword("");
-
-      onSuccess();
       onClose();
     } catch (error: any) {
       toast({