fix(docs-infra): change search input width when focused (#33804)

The search input has 50% width of the parent container in a focused
state for the big break point (> 1000px). In this case when window width
is between 1000px and 1115px the search input shrinks from 180 to
~123px. The width of the search input was increased to 80% so that when
focused its width expands from 180 to 196px when window size is 1000px.

Fixes #33305

PR Close #33804

aio/src/styles/1-layouts/_top-menu.scss

@@ -201,7 +201,7 @@ aio-search-box.search-container {
       transition: width 0.4s ease-in-out;
 
       &:focus {
-        width: 50%;
+        width: 80%;
       }
     }
     @media (max-width: 480px) {