refactor: use scoped CSS

src/components/ui/CardDescriptor.vue

@@ -221,9 +221,8 @@ const toModule = computed(() =>
         color="primary"
     />
 </template>
-
-<style lang="scss">
-.body {
+<style lang="scss" scoped>
+:deep(.body) {
     background-color: var(--vn-section-color);
     .text-h5 {
         font-size: 20px;
@@ -262,9 +261,7 @@ const toModule = computed(() =>
         }
     }
 }
-</style>
 
-<style lang="scss" scoped>
 .title {
     overflow: hidden;
     text-overflow: ellipsis;