update covalent to latest

package.json

@@ -20,13 +20,13 @@
     "@angular/router": "17.1.0",
     "@angular/material": "17.1.0",
     "@angular/cdk": "17.1.0",
-    "@covalent/components": "8.10.1",
-    "@covalent/core": "8.10.1",
-    "@covalent/flavored-markdown": "8.10.1",
-    "@covalent/icons": "8.10.1",
-    "@covalent/markdown": "8.10.1",
-    "@covalent/markdown-navigator": "8.10.1",
-    "@covalent/tokens": "8.10.1",
+    "@covalent/components": "8.12.2",
+    "@covalent/core": "8.12.2",
+    "@covalent/flavored-markdown": "8.12.2",
+    "@covalent/icons": "8.12.2",
+    "@covalent/markdown": "8.12.2",
+    "@covalent/markdown-navigator": "8.12.2",
+    "@covalent/tokens": "8.12.2",
     "@material/data-table": "15.0.0-canary.7f224ddd4.0",
     "minimatch": "^9.0.3",
     "rxjs": "^7.4.0",

src/app/app.component.html

@@ -2,6 +2,7 @@
   appName="Vantage Cloud Lake"
 
   [helpOpen]="helpOpen && helpDocked"
+  helpResizable
   (:CovalentAppShell:menuClick)="menuToggled()"
   [forcedOpen]="forcedOpen"
   [open]="forcedOpen"

src/app/home/home.component.html

@@ -33,7 +33,7 @@
   </div>
 
   <div class="mdc-layout-grid__inner">
-    <div class="mdc-layout-grid__cell mdc-layout-grid__cell--span-3">
+    <div class="mdc-layout-grid__cell  mdc-layout-grid__cell--span-3-tablet mdc-layout-grid__cell--span-3-desktop">
       <cv-card cardTitle="Recently viewed" outlined fullHeight>
         <cv-list>
           <a routerLink="/learn"><cv-list-item>
@@ -95,7 +95,7 @@
         </cv-list>
       </cv-card>
     </div>
-    <div class="mdc-layout-grid__cell mdc-layout-grid__cell--span-4">
+    <div class="mdc-layout-grid__cell mdc-layout-grid__cell--span-4 mdc-layout-grid__cell--span-8-tablet">
       <cv-card cardTitle="Overview" outlined>
         <cv-list>
           <cv-list-item hasMeta noninteractive twoLine>
@@ -125,7 +125,7 @@
         </cv-list>
       </cv-card>
     </div>
-    <div class="mdc-layout-grid__cell mdc-layout-grid__cell--span-6">
+    <div class="mdc-layout-grid__cell mdc-layout-grid__cell--span-6 mdc-layout-grid__cell--span-8-tablet">
       <cv-card cardTitle="Environments" outlined actionBar>
         <cv-list>
           <cv-list-item
@@ -179,7 +179,7 @@
         </div>
       </cv-card>
     </div>
-    <div class="mdc-layout-grid__cell mdc-layout-grid__cell--span-6">
+    <div class="mdc-layout-grid__cell mdc-layout-grid__cell--span-6 mdc-layout-grid__cell--span-3-tablet mdc-layout-grid__cell--span-8-tablet">
       <cv-card cardtitle="Recent backups" outlined actionBar>
         <cv-list>
           <cv-list-item [routerLink]="['environments', 'production', 'backups']" threeLines hasMeta>