Move vue views from Card to Sections

dashboard/src/components/SupportView.vue

@@ -2,13 +2,11 @@
   <div class="content">
     <h1 class="section-header">{{ $t('support.title') }}</h1>
 
-    <h3 class="section-header">{{ $t('support.help.title') }}</h3>
-    <Card>
+    <Section :title="$t('support.help.title')">
       <div v-html="description"></div>
-    </Card>
+    </Section>
 
-    <h3 class="section-header">{{ $t('support.remoteSupport.title') }}</h3>
-    <Card>
+    <Section :title="$t('support.remoteSupport.title')">
       <h2 class="text-center" v-show="!ready"><i class="fa fa-circle-notch fa-spin"></i></h2>
       <div v-show="ready">
         <p>{{ $t('support.remoteSupport.description') }}</p>
@@ -18,7 +16,7 @@
         <b class="pull-left text-danger text-bold" v-show="toggleSshSupportError">{{ toggleSshSupportError }}</b>
         <Button :danger="sshSupportEnabled ? true : null" @click="toggleSshSupport()">{{ sshSupportEnabled ? $t('support.remoteSupport.disableAction') : $t('support.remoteSupport.enableAction') }}</Button>
       </div>
-    </Card>
+    </Section>
   </div>
 </template>
 
@@ -27,7 +25,7 @@
 import { fetcher, Button } from 'pankow';
 import { marked } from 'marked';
 
-import Card from  './Card.vue';
+import Section from  './Section.vue';
 
 const API_ORIGIN = import.meta.env.VITE_API_ORIGIN ? import.meta.env.VITE_API_ORIGIN : window.location.origin;
 const accessToken = localStorage.token;
@@ -36,7 +34,7 @@ export default {
   name: 'SupportView',
   components: {
     Button,
-    Card
+    Section
   },
   data() {
     return {