fix(DashboardSection): omit unused DOM nodes

Signed-off-by: Maksim Sukharev <antreesy.web@gmail.com>

Author: Antreesy

src/components/Dashboard/DashboardSection.vue

@@ -6,9 +6,9 @@
 <script lang="ts" setup>
 import { useIsMobile, useIsSmallMobile } from '@nextcloud/vue/composables/useIsMobile'
 
-const { wide = false, title = '', subtitle = '', description = '' } = defineProps<{
+const { wide, title, subtitle, description } = defineProps<{
 	wide?: boolean
-	title?: string
+	title: string
 	subtitle?: string
 	description?: string
 }>()
@@ -37,8 +37,8 @@ const isMobile = useIsMobile()
 			<h3 class="dashboard-section__title">
 				{{ title }}
 			</h3>
-			<span class="dashboard-section__subtitle">{{ subtitle }}</span>
-			<span class="dashboard-section__description">{{ description }}</span>
+			<span v-if="subtitle" class="dashboard-section__subtitle">{{ subtitle }}</span>
+			<span v-if="description" class="dashboard-section__description">{{ description }}</span>
 			<slot name="list" />
 			<div v-if="$slots.action" class="dashboard-section__action">
 				<slot name="action" />