Update page.tsx

frontend/src/app/page.tsx

@@ -40,22 +40,31 @@ export default function Page() {
         color={color}
         refresh
       />
+
+      {/* Header */}
       <header className="sticky top-0 z-50 bg-background/80 backdrop-blur-lg">
         <div className="container mx-auto flex flex-col items-center gap-4 px-4 py-4 sm:flex-row sm:justify-between">
+          {/* Logo */}
           <Link href="/" className="flex items-center gap-2 font-bold text-lg">
             Proxmox VE Helper-Scripts
           </Link>
+
+          {/* Suchleiste */}
           <input
             type="text"
             placeholder="Search scripts..."
             className="w-full sm:w-1/3 px-4 py-2 rounded-md bg-gray-800 text-gray-300 border border-gray-700"
           />
+
+          {/* Icons */}
           <div className="flex items-center gap-4">
             <FaGithub className="w-5 h-5 text-gray-300" />
             <FaDiscord className="w-5 h-5 text-gray-300" />
           </div>
         </div>
       </header>
+
+      {/* "Scripts by Tteck"-Button */}
       <div className="fixed top-16 right-4 sm:top-4 z-40">
         <Dialog>
           <DialogTrigger>
@@ -75,6 +84,8 @@ export default function Page() {
           </DialogContent>
         </Dialog>
       </div>
+
+      {/* Hauptinhalt */}
       <main className="container mx-auto mt-32 px-4">
         <h1 className="text-5xl sm:text-7xl font-bold text-center">
           Make managing your Homelab a breeze