Adding a sidenav to new layout

front/app/package-lock.json

@@ -20,6 +20,7 @@
         "@ngx-formly/bootstrap": "^6.0.0",
         "@ngx-formly/core": "^6.0.0",
         "@popperjs/core": "^2.11.6",
+        "ngx-bootstrap-icons": "^1.9.1",
         "ngx-wig": "^15.1.4",
         "rxjs": "~7.5.0",
         "tslib": "^2.3.0",
@@ -8256,6 +8257,22 @@
       "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==",
       "dev": true
     },
+    "node_modules/ngx-bootstrap-icons": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/ngx-bootstrap-icons/-/ngx-bootstrap-icons-1.9.1.tgz",
+      "integrity": "sha512-eOz7wTnvs5bp1gXkAHbfiZ3ZbeVAxYDed/wYTro+KLSP3mbYUfToKhejThI9bNbBWtn8fhdZQPEZjruQkiAYfA==",
+      "dependencies": {
+        "tslib": "^2.3.0"
+      },
+      "engines": {
+        "node": ">= 16.15.1",
+        "npm": ">= 8.11.0"
+      },
+      "peerDependencies": {
+        "@angular/common": ">= 13.3.8",
+        "@angular/core": ">= 13.3.8"
+      }
+    },
     "node_modules/ngx-wig": {
       "version": "15.1.4",
       "resolved": "https://registry.npmjs.org/ngx-wig/-/ngx-wig-15.1.4.tgz",