Remove Vuetify from 'Did you forget to sign in' page

Author: Abhishek-Punhani

contentcuration/contentcuration/frontend/shared/views/errors/PermissionsError.vue

@@ -1,31 +1,33 @@
 <template>
 
-  <AppError>
+  <StudioAppError>
     <template #header>
       {{ $tr('permissionDeniedHeader') }}
     </template>
     <template #details>
       {{ details }}
     </template>
     <template #actions>
-      <ActionLink
+      <KRouterLink
         v-bind="backHomeLink"
-        :text="$tr('goToHomePageAction')"
+        :text="$tr('backToHome')"
+        appearance="raised-button"
+        primary
       />
     </template>
-  </AppError>
+  </StudioAppError>
 
 </template>
 
 
 <script>
 
-  import AppError from './AppError';
+  import StudioAppError from './StudioAppError';
 
   export default {
     name: 'PermissionsError',
     components: {
-      AppError,
+      StudioAppError,
     },
     props: {
       backHomeLink: {
@@ -40,7 +42,7 @@
     },
     $trs: {
       permissionDeniedHeader: 'Did you forget to sign in?',
-      goToHomePageAction: 'Go to home page',
+      backToHome: 'Back to home',
     },
   };