Add temporary test for the new SidePanelModal

Author: AlexVelezLl

contentcuration/contentcuration/frontend/channelList/views/ChannelListIndex.vue

@@ -113,6 +113,23 @@
         </VContainer>
       </VContainer>
     </VContent>
+    <SidePanelModal
+      v-if="showSidePanel"
+      alignment="right"
+      sidePanelWidth="700px"
+      closeButtonIconType="close"
+      @closePanel="showSidePanel = false"
+    >
+      <template #header>
+        <h1 class="title">Some header text</h1>
+      </template>
+      <template #default> Some content here </template>
+      <template #bottomNavigation>
+        <div style="display: flex; justify-content: flex-end; width: 100%">
+          <KButton primary> Some primary action </KButton>
+        </div>
+      </template>
+    </SidePanelModal>
     <GlobalSnackbar />
     <PolicyModals />
   </VApp>
@@ -137,6 +154,7 @@
   import AppBar from 'shared/views/AppBar';
   import OfflineText from 'shared/views/OfflineText';
   import PolicyModals from 'shared/views/policies/PolicyModals';
+  import SidePanelModal from 'shared/views/SidePanelModal/index.vue';
 
   const CATALOG_PAGES = [
     RouteNames.CATALOG_ITEMS,
@@ -162,8 +180,14 @@
       GlobalSnackbar,
       PolicyModals,
       OfflineText,
+      SidePanelModal,
     },
     mixins: [constantsTranslationMixin, routerMixin],
+    data() {
+      return {
+        showSidePanel: true,
+      };
+    },
     computed: {
       ...mapState({
         offline: state => !state.connection.online,