Create MoreFromBitwardenPage component

Create new component
Add button to navigate to new component from about-page
Add routing for new component

apps/browser/src/_locales/en/messages.json

@@ -198,6 +198,9 @@
   "about": {
     "message": "About"
   },
+  "moreFromBitwarden": {
+    "message": "More from Bitwarden"
+  },
   "version": {
     "message": "Version"
   },

apps/browser/src/popup/app-routing.module.ts

@@ -37,6 +37,7 @@ import { SendAddEditComponent } from "../tools/popup/send/send-add-edit.componen
 import { SendGroupingsComponent } from "../tools/popup/send/send-groupings.component";
 import { SendTypeComponent } from "../tools/popup/send/send-type.component";
 import { AboutPageComponent } from "../tools/popup/settings/about-page/about-page.component";
+import { MoreFromBitwardenPageComponent } from "../tools/popup/settings/about-page/more-from-bitwarden-page.component";
 import { ExportComponent } from "../tools/popup/settings/export.component";
 import { ImportBrowserComponent } from "../tools/popup/settings/import/import-browser.component";
 import { SettingsComponent } from "../tools/popup/settings/settings.component";
@@ -353,6 +354,12 @@ const routes: Routes = [
     canActivate: [AuthGuard],
     data: { state: "about" },
   },
+  {
+    path: "more-from-bitwarden",
+    component: MoreFromBitwardenPageComponent,
+    canActivate: [AuthGuard],
+    data: { state: "moreFromBitwarden" },
+  },
   ...extensionRefreshSwap(TabsComponent, TabsV2Component, {
     path: "tabs",
     data: { state: "tabs" },

apps/browser/src/tools/popup/settings/about-page/about-page.component.html

@@ -57,6 +57,14 @@
         <div class="row-main">{{ "contactSupport" | i18n }}</div>
         <i class="bwi bwi-external-link bwi-lg row-sub-icon" aria-hidden="true"></i>
       </button>
+      <button
+        type="button"
+        class="box-content-row box-content-row-flex text-default"
+        routerLink="/more-from-bitwarden"
+      >
+        <div class="row-main">{{ "moreFromBitwarden" | i18n }}</div>
+        <i class="bwi bwi-angle-right bwi-lg row-sub-icon" aria-hidden="true"></i>
+      </button>
       <button
         type="button"
         class="box-content-row box-content-row-flex text-default"

apps/browser/src/tools/popup/settings/about-page/about-page.component.ts

@@ -1,5 +1,6 @@
 import { CommonModule } from "@angular/common";
 import { Component } from "@angular/core";
+import { RouterModule } from "@angular/router";
 import { firstValueFrom } from "rxjs";
 
 import { JslibModule } from "@bitwarden/angular/jslib.module";
@@ -28,7 +29,7 @@ const RateUrls = {
 @Component({
   templateUrl: "about-page.component.html",
   standalone: true,
-  imports: [CommonModule, JslibModule],
+  imports: [CommonModule, JslibModule, RouterModule],
 })
 export class AboutPageComponent {
   constructor(

apps/browser/src/tools/popup/settings/about-page/more-from-bitwarden-page.component.html

@@ -0,0 +1,19 @@
+<header>
+  <div class="left">
+    <button type="button" routerLink="/about">
+      <span class="header-icon"><i class="bwi bwi-angle-left" aria-hidden="true"></i></span>
+      <span>{{ "back" | i18n }}</span>
+    </button>
+  </div>
+  <h1 class="center">
+    <span class="title">{{ "moreFromBitwarden" | i18n }}</span>
+  </h1>
+  <div class="right">
+    <app-pop-out></app-pop-out>
+  </div>
+</header>
+<main tabindex="-1">
+  <div class="box list">
+    <div class="box-content single-line"></div>
+  </div>
+</main>

apps/browser/src/tools/popup/settings/about-page/more-from-bitwarden-page.component.ts

@@ -0,0 +1,16 @@
+import { CommonModule } from "@angular/common";
+import { Component } from "@angular/core";
+import { RouterModule } from "@angular/router";
+
+import { JslibModule } from "@bitwarden/angular/jslib.module";
+
+import { PopOutComponent } from "../../../../platform/popup/components/pop-out.component";
+
+@Component({
+  templateUrl: "more-from-bitwarden-page.component.html",
+  standalone: true,
+  imports: [CommonModule, JslibModule, RouterModule, PopOutComponent],
+})
+export class MoreFromBitwardenPageComponent {
+  constructor() {}
+}