21813 Added Continuation Authorization Review page, route, etc (#2894)

Co-authored-by: Severin Beauvais <[email protected]>

auth-web/package.json

@@ -1,6 +1,6 @@
 {
   "name": "auth-web",
-  "version": "2.6.40",
+  "version": "2.6.41",
   "appName": "Auth Web",
   "sbcName": "SBC Common Components",
   "private": true,
@@ -20,6 +20,7 @@
     "@bcrs-shared-components/corp-type-module": "1.0.16",
     "@bcrs-shared-components/enums": "1.1.10",
     "@bcrs-shared-components/interfaces": "1.1.13",
+    "@bcrs-shared-components/jurisdiction": "1.1.4",
     "@mdi/font": "^4.5.95",
     "@sentry/vue": "^7.49.0",
     "@vue/compiler-dom": "^3.2.45",
@@ -29,6 +30,7 @@
     "http-status-codes": "^2.1.4",
     "js-base64": "^3.7.5",
     "keycloak-js": "^9.0.3",
+    "lodash.isdate": "^4.0.1",
     "mime-types": "^2.1.27",
     "moment": "^2.29.4",
     "pinia": "^2.1.6",
@@ -55,6 +57,7 @@
     "@intlify/vue-i18n-loader": "^1.1.0",
     "@pinia/testing": "^0.1.3",
     "@types/lodash": "^4.14.202",
+    "@types/lodash.isdate": "^4.0.9",
     "@types/mime-types": "^2.1.0",
     "@types/sanitize-html": "^2.11.0",
     "@types/vuelidate": "^0.7.13",

auth-web/src/assets/scss/theme.scss

@@ -99,6 +99,7 @@ $TextColorGray: #00000099;
 $px-12: 0.75rem;
 $px-13: 0.8125rem;
 $px-14: 0.8750rem;
+$px-15: 0.9375rem;
 $px-16: 1.0000rem;
 $px-17: 1.0625rem;
 $px-18: 1.1250rem;

auth-web/src/components/auth/common/CardHeader.vue

@@ -0,0 +1,43 @@
+<template>
+  <header class="v-card-header">
+    <v-icon
+      v-if="icon"
+      color="bcgovblue2"
+    >
+      {{ icon }}
+    </v-icon>
+    <label
+      v-if="label"
+      class="v-card-label"
+      :class="{ 'pl-2': !!icon }"
+    >
+      {{ label }}
+    </label>
+  </header>
+</template>
+
+<script lang="ts">
+import { Component, Prop, Vue } from 'vue-property-decorator'
+
+@Component({})
+export default class CardHeader extends Vue {
+  @Prop({ default: null }) readonly icon!: string
+  @Prop({ default: null }) readonly label!: string
+}
+</script>
+
+<style lang="scss" scoped>
+@import '@/assets/styles/theme.scss';
+
+.v-card-header {
+  display: flex;
+  background-color: $BCgovBlue5O;
+  padding: 1.25rem;
+  border-radius: 4px 4px 0px 0px !important;
+
+  .v-card-label {
+    font-weight: bold;
+    color: $gray9;
+  }
+}
+</style>