web/satellite/v2: added chevron icon to upload snackbar

Show chenvron icon when upload is completed.

Issue:
#6695

Change-Id: I20463cf393b01a5e6b3b03f4a1f1904118ba53cb

web/satellite/vuetify-poc/src/components/BrowserSnackbarComponent.vue

@@ -15,15 +15,19 @@
     >
         <v-row>
             <v-col>
-                <v-expansion-panels theme="dark" @update:model-value="v => isExpanded = v != undefined">
+                <v-expansion-panels theme="dark" @update:model-value="v => isExpanded = v !== undefined">
                     <v-expansion-panel
                         color="default"
                         rounded="lg"
                     >
                         <v-expansion-panel-title color="">
                             <span>{{ statusLabel }}</span>
                             <template v-if="isClosable" #actions>
-                                <v-btn variant="outlined" color="default" size="x-small" :icon="mdiClose" title="Close" @click="closeDialog" />
+                                <v-row class="ma-0 align-center">
+                                    <v-icon v-if="isExpanded" :icon="mdiChevronUp" class="mr-2" />
+                                    <v-icon v-else :icon="mdiChevronDown" class="mr-2" />
+                                    <v-btn variant="outlined" color="default" size="x-small" :icon="mdiClose" title="Close" @click="closeDialog" />
+                                </v-row>
                             </template>
                         </v-expansion-panel-title>
                         <v-progress-linear
@@ -90,7 +94,7 @@ import {
     VBtn,
 } from 'vuetify/components';
 import { useRouter } from 'vue-router';
-import { mdiClose, mdiCloseCircle } from '@mdi/js';
+import { mdiChevronDown, mdiChevronUp, mdiClose, mdiCloseCircle } from '@mdi/js';
 
 import { BrowserObject, UploadingBrowserObject, UploadingStatus, useObjectBrowserStore } from '@/store/modules/objectBrowserStore';
 import { AnalyticsErrorEventSource } from '@/utils/constants/analyticsEventNames';