Larger search/URL bar (#5348)

* Larger search/URL bar

it's now `1fr 1.5fr .5fr` for the grid. Still have to add `flex-shrink` to `.side` in case logo is hidden.

* Fix inconsistent spacing

* fix odd spacing

* Fix intermediate breakage

Author: Ayman El

src/renderer/components/top-nav/top-nav.scss

@@ -21,9 +21,9 @@
   inline-size: 100%;
   z-index: 4;
 
-  @media only screen and (width >= 961px) {
+  @media only screen and (width >= 1122px) {
     display: grid;
-    grid-template-columns: 1fr 440px 1fr;
+    grid-template-columns: 1fr 720px 1fr;
   }
 
   @include top-nav-is-colored {
@@ -190,7 +190,7 @@
 
 .middle {
   flex: 1;
-  max-inline-size: 440px;
+  max-inline-size: 720px;
 
   .searchContainer {
     align-items: center;