feat: added back links

src/app/premium/premium.page.html

@@ -23,5 +23,8 @@
         </div>
     </div>
   </div>
+    <div class="actions">
+        <span (click)="goBack()">Go back</span>
+    </div>
 
 </ion-content>

src/app/premium/premium.page.scss

@@ -1,7 +1,7 @@
 
 .roles {
   display: flex;
-  padding: 10vw;
+  padding: 10vw 10vw 5vw;
 }
 
 .role {
@@ -64,3 +64,19 @@
 ion-content {
   --ion-background-color: var(--ion-primary-gradient)
 }
+
+.actions {
+  text-align: center;
+  width: 100%;
+
+  span {
+    color: white !important;
+    font-variant: all-petite-caps;
+    font-size:larger;
+    text-decoration: none;
+
+    &:hover {
+      cursor: pointer;
+    }
+  }
+}

src/app/premium/premium.page.ts

@@ -1,4 +1,5 @@
 import { Component } from '@angular/core';
+import { Location } from '@angular/common';
 import { ROLES } from './config/features.config';
 import { FeaturesService } from '../services/features.service';
 import { from, Observable } from 'rxjs';
@@ -27,7 +28,8 @@ export class PremiumPage {
     private featureService: FeaturesService,
     private toastController: ToastController,
     private stripeService: StripeService,
-    private authService: AuthService
+    private authService: AuthService,
+    private location: Location
   ) {
     this.userRole = this.featureService.getUserRole();
   }
@@ -87,4 +89,8 @@ export class PremiumPage {
       this.toast = null;
     }
   }
+
+  goBack() {
+    this.location.back();
+  }
 }

src/app/profile/components/menu/menu.component.html

@@ -1,4 +1,10 @@
 <div class="section">
+  <div class="items">
+    <div class="item" button (click)="goBack()">
+      <ion-icon name="arrow-back-outline" slot="start"></ion-icon>
+      <ion-label>Back</ion-label>
+    </div>
+  </div>
   <div class="header">
     <ion-label>Information</ion-label>
   </div>

src/app/profile/components/menu/menu.component.ts

@@ -35,4 +35,8 @@ export class MenuComponent implements OnInit, AfterViewInit {
     this.activePage = tab;
     this.tabUpdated.emit(tab);
   }
+
+  goBack() {
+    this.location.back();
+  }
 }