Update snapshots and startup CSS

Seems our latest GitLab UI changes are forcing us to update breadcrumbs
snapshots and the media query related changes in startup CSS.

app/assets/stylesheets/startup/startup-dark.scss

@@ -1935,7 +1935,7 @@ body.gl-dark {
 .gl-display-none {
   display: none;
 }
-@media (min-width: 36rem) {
+@media (min-width: 576px) {
   .gl-sm-display-block {
     display: block;
   }

app/assets/stylesheets/startup/startup-general.scss

@@ -1621,7 +1621,7 @@ svg.s16 {
 .gl-display-none {
   display: none;
 }
-@media (min-width: 36rem) {
+@media (min-width: 576px) {
   .gl-sm-display-block {
     display: block;
   }

app/assets/stylesheets/startup/startup-signin.scss

@@ -776,7 +776,7 @@ svg {
 .gl-mb-5 {
   margin-bottom: 1rem;
 }
-@media (min-width: 36rem) {
+@media (min-width: 576px) {
   .gl-sm-mt-0 {
     margin-top: 0;
   }

ee/app/assets/stylesheets/startup/startup-dark.scss

@@ -1935,7 +1935,7 @@ body.gl-dark {
 .gl-display-none {
   display: none;
 }
-@media (min-width: 36rem) {
+@media (min-width: 576px) {
   .gl-sm-display-block {
     display: block;
   }

ee/app/assets/stylesheets/startup/startup-general.scss

@@ -1621,7 +1621,7 @@ svg.s16 {
 .gl-display-none {
   display: none;
 }
-@media (min-width: 36rem) {
+@media (min-width: 576px) {
   .gl-sm-display-block {
     display: block;
   }

ee/app/assets/stylesheets/startup/startup-signin.scss

@@ -776,7 +776,7 @@ svg {
 .gl-mb-5 {
   margin-bottom: 1rem;
 }
-@media (min-width: 36rem) {
+@media (min-width: 576px) {
   .gl-sm-mt-0 {
     margin-top: 0;
   }

spec/frontend/registry/explorer/components/__snapshots__/registry_breadcrumb_spec.js.snap

@@ -4,10 +4,10 @@ exports[`Registry Breadcrumb when is not rootRoute renders 1`] = `
 <div
   class="gl-breadcrumbs"
 >
+   
   <ol
     class="breadcrumb gl-breadcrumb-list"
   >
-     
     <li
       class="breadcrumb-item gl-breadcrumb-item"
     >
@@ -15,24 +15,28 @@ exports[`Registry Breadcrumb when is not rootRoute renders 1`] = `
         class=""
         href="/"
         target="_self"
-      />
-    </li>
-     
-    <span
-      class="gl-breadcrumb-separator"
-      data-testid="separator"
-    >
-      <svg
-        aria-hidden="true"
-        class="gl-icon s8"
-        data-testid="angle-right-icon"
-        role="img"
       >
-        <use
-          href="#angle-right"
-        />
-      </svg>
-    </span>
+        <span>
+          
+        </span>
+         
+        <span
+          class="gl-breadcrumb-separator"
+          data-testid="separator"
+        >
+          <svg
+            aria-hidden="true"
+            class="gl-icon s8"
+            data-testid="angle-right-icon"
+            role="img"
+          >
+            <use
+              href="#angle-right"
+            />
+          </svg>
+        </span>
+      </a>
+    </li>
     <li
       class="breadcrumb-item gl-breadcrumb-item"
     >
@@ -40,10 +44,14 @@ exports[`Registry Breadcrumb when is not rootRoute renders 1`] = `
         class=""
         href="#"
         target="_self"
-      />
+      >
+        <span>
+          
+        </span>
+         
+        <!---->
+      </a>
     </li>
-     
-    <!---->
   </ol>
 </div>
 `;
@@ -52,10 +60,10 @@ exports[`Registry Breadcrumb when is rootRoute renders 1`] = `
 <div
   class="gl-breadcrumbs"
 >
+   
   <ol
     class="breadcrumb gl-breadcrumb-list"
   >
-     
     <li
       class="breadcrumb-item gl-breadcrumb-item"
     >
@@ -63,10 +71,14 @@ exports[`Registry Breadcrumb when is rootRoute renders 1`] = `
         class=""
         href="/"
         target="_self"
-      />
+      >
+        <span>
+          
+        </span>
+         
+        <!---->
+      </a>
     </li>
-     
-    <!---->
   </ol>
 </div>
 `;