feat: increase gallery grid from 4 to 5 columns per row on desktopfeat: increase gallery grid from 4 to 5 columns per row on desktop

resources/js/components/Topbar.jsx

@@ -1,4 +1,5 @@
 import React from 'react'
+import SearchBar from '../Search/SearchBar'
 
 export default function Topbar() {
   return (
@@ -12,11 +13,7 @@ export default function Topbar() {
         </div>
 
         <div className="hidden md:block flex-1 max-w-xl">
-          <form action="/search" method="get" className="relative">
-            <input name="q" aria-label="Search" placeholder="Search tags, artworks, artists…"
-                   className="w-full bg-neutral-800 border border-neutral-700 rounded-lg py-2.5 pl-3.5 pr-10 text-white outline-none focus:border-sky-400" />
-            <i className="fas fa-search absolute right-3.5 top-1/2 -translate-y-1/2 text-neutral-400" aria-hidden="true"></i>
-          </form>
+          <SearchBar />
         </div>
 
         <div className="flex items-center gap-4 sm:gap-5">
@@ -29,3 +26,4 @@ export default function Topbar() {
     </header>
   )
 }
+