refactor: Mobile layout api reference

Fix mobile layout shift in API reference

fix angular#67650

Author: aparzi

adev/src/app/features/references/api-reference-list/api-reference-list.component.scss

@@ -128,8 +128,30 @@
   display: flex;
   align-items: center;
   margin-top: 12px;
+}
+
+@container api-ref-page (max-width: 580px) {
+  .adev-reference-list-status ::ng-deep .mat-mdc-chip-listbox {
+    width: 100%;
+
+    .mdc-evolution-chip-set__chips {
+      display: grid !important;
+      grid-template-columns: repeat(2, 1fr);
+      gap: 8px;
+    }
+
+    .mat-mdc-chip-option {
+      min-width: 0;
+      width: 100%;
+      margin: 0;
+    }
+  }
+}
 
-  label {
-    margin-right: 8px;
+@container api-ref-page (max-width: 350px) {
+  .adev-reference-list-status ::ng-deep .mat-mdc-chip-listbox {
+    .mdc-evolution-chip-set__chips {
+      grid-template-columns: 1fr;
+    }
   }
 }