AR7881: Dashboard Branding Update (#390)

* Manage Page Updated

* Manage + ConfigureHome Implemented

* Dashboard Design System Implemented

* Dashboard Design Dev Changes

* Dashboard Design Dev Changes

* Dashboard Design Dev Changes

* Reviewed Changes

* Minor Changes

* Minor Changes

* QA Fix Push

* App Login Updated

* QA Fixes

* QA Fixes

* Create App Bug Fixes

* QA Fixes

* Notification QA Fixes

* Fix login page issues

* OTP and Login QA Fixes

* OTP and Login QA Fixes

* OTP and Login QA Fixes

* Fix vue routing issue

- Remove unused imports
- Fix component naming
- Avoid multiroot page components, so transition gets only 1 root to play with
- fix get-mau

* OTP and Login QA Fixes

* Windows Flow Improved

* Design Tweaks

* Design Tweaks

* Made Headings and Text Field Consistent

* Social Auth Page Rebranded

* Rebranded Create App Form

* Fixed AR-8118 & 8119 (Create App Form and Add Chain Form Layout Rebranded

---------

Co-authored-by: shrinathprabhu <[email protected]>

src/App.vue

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 import { onBeforeMount, ref } from 'vue'
-import { useRouter } from 'vue-router'
+import { useRouter, RouterView } from 'vue-router'
 
 import FullScreenLoader from '@/components/FullScreenLoader.vue'
 import VToast from '@/components/lib/VToast/VToast.vue'
@@ -39,15 +39,11 @@ onBeforeMount(async () => {
 
 <template>
   <div class="root">
-    <router-view
-      v-if="isAuthLoaded"
-      v-slot="{ Component }"
-      style="min-height: 100vh"
-    >
-      <transition name="fade" mode="out-in">
-        <component :is="Component" />
-      </transition>
-    </router-view>
+    <RouterView v-if="isAuthLoaded" v-slot="{ Component }" class="min-h-screen">
+      <Transition name="fade" mode="out-in">
+        <Component :is="Component" />
+      </Transition>
+    </RouterView>
     <FullScreenLoader
       v-if="loaderStore.isLoading || !isAuthLoaded"
       :message="loaderStore.message"
@@ -79,7 +75,6 @@ onBeforeMount(async () => {
   display: inline-block;
   font-size: 1.125rem;
   font-weight: 600;
-  text-transform: uppercase;
 }
 
 .banner h5 {