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,8 +15,10 @@ exports[`Registry Breadcrumb when is not rootRoute renders 1`] = `
         class=""
         href="/"
         target="_self"
-      />
-    </li>
+      >
+        <span>
+          
+        </span>
          
         <span
           class="gl-breadcrumb-separator"
@@ -33,6 +35,8 @@ exports[`Registry Breadcrumb when is not rootRoute renders 1`] = `
             />
           </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"
-      />
-    </li>
+      >
+        <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"
-      />
-    </li>
+      >
+        <span>
+          
+        </span>
          
         <!---->
+      </a>
+    </li>
   </ol>
 </div>
 `;