refactor: update icon usage to use mdi imports for consistency

src/components/base/analysis/AnalysisTrendChart.vue

@@ -2,7 +2,7 @@
   <v-card class="rounded-lg" elevation="2" v-bind="$attrs">
     <v-card-title class="d-flex align-center py-4 px-4">
       <div class="d-flex align-center">
-        <v-icon class="mr-2" color="primary" icon="mdi-chart-timeline-variant"></v-icon>
+        <v-icon class="mr-2" color="primary" :icon="mdiChartTimelineVariant"></v-icon>
         <span>{{ title }}</span>
       </div>
       <v-spacer></v-spacer>
@@ -49,6 +49,7 @@
 </template>
 
 <script setup lang="ts">
+import { mdiChartTimelineVariant } from '@mdi/js'
 interface Props {
   title: string
   data: number[]