[ui] make the grid good

crates/lanspread-tauri-deno-ts/src/App.tsx

@@ -74,21 +74,22 @@ const App = () => {
     // Rest of your component remains the same
     return (
         <main className="container">
-            <h1 className="align-center">SoftLAN Launcher</h1>
-            <div className="main-header">
-                {/* Search input */}
-                <div className="search-container">
-                    <input
-                        type="text"
-                        placeholder="Search games..."
-                        value={searchTerm}
-                        onChange={(e) => setSearchTerm(e.target.value)}
-                        className="search-input"
-                    />
-                </div></div>
+            <div className="fixed-header">
+                <h1 className="align-center">SoftLAN Launcher</h1>
+                <div className="main-header">
+                    <div className="search-container">
+                        <input
+                            type="text"
+                            placeholder="Search games..."
+                            value={searchTerm}
+                            onChange={(e) => setSearchTerm(e.target.value)}
+                            className="search-input"
+                        />
+                    </div>
+                </div>
+            </div>
             <div className="grid-container">
                 {filteredGames.map((item) => {
-                    // Convert the thumbnail bytes to base64
                     const uint8Array = new Uint8Array(item.thumbnail);
                     const binaryString = uint8Array.reduce((acc, byte) => acc + String.fromCharCode(byte), '');
                     const thumbnailUrl = `data:image/jpeg;base64,${btoa(binaryString)}`;