Show Print all passwords button in app context

Remove the isAppContext gate on the print button and the title row's
grid span so AllPasswordsPage always uses the two-column layout with
the print button, on both the coach and facility passwords pages.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

Author: rtibblesbot

packages/kolibri-common/components/AllPasswordsPage.vue

@@ -14,15 +14,14 @@
       <!-- Screen-only header with Print button -->
       <KGrid v-show="!$isPrint">
         <KGridItem
-          :layout12="{ span: isAppContext ? 12 : 6, alignment: 'left' }"
-          :layout8="{ span: isAppContext ? 8 : 4, alignment: 'left' }"
-          :layout4="{ span: isAppContext ? 4 : 2, alignment: 'left' }"
+          :layout12="{ span: 6, alignment: 'left' }"
+          :layout8="{ span: 4, alignment: 'left' }"
+          :layout4="{ span: 2, alignment: 'left' }"
           class="header-row"
         >
           <h1 class="header-title">{{ allPasswordsHeader$() }}</h1>
         </KGridItem>
         <KGridItem
-          v-if="!isAppContext"
           :layout12="{ span: 6, alignment: 'right' }"
           :layout8="{ span: 4, alignment: 'right' }"
           :layout4="{ span: 2, alignment: 'right' }"
@@ -149,7 +148,6 @@
   import UserPicturePassword from 'kolibri-common/components/UserPicturePassword';
   import NoPasswordInfo from 'kolibri-common/components/NoPasswordInfo';
   import LearnerPasswordCard from 'kolibri-common/components/LearnerPasswordCard';
-  import useUser from 'kolibri/composables/useUser';
   import useKResponsiveWindow from 'kolibri-design-system/lib/composables/useKResponsiveWindow';
 
   export default {
@@ -162,7 +160,6 @@
       const showPrintDialog = ref(false);
       const printFormat = ref('images');
 
-      const { isAppContext } = useUser();
       const { windowBreakpoint } = useKResponsiveWindow();
 
       const {
@@ -240,7 +237,6 @@
       }
 
       return {
-        isAppContext,
         handleSortChange,
         showPrintDialog,
         printFormat,

packages/kolibri-common/components/__tests__/AllPasswordsPage.spec.js

@@ -1,6 +1,7 @@
 import { ref } from 'vue';
 import { render, screen, fireEvent } from '@testing-library/vue';
 import useKResponsiveWindow from 'kolibri-design-system/lib/composables/useKResponsiveWindow';
+import useUser, { useUserMock } from 'kolibri/composables/useUser'; // eslint-disable-line
 import { picturePasswordStrings } from 'kolibri-common/strings/picturePasswords';
 import AllPasswordsPage from '../AllPasswordsPage.vue';
 
@@ -87,6 +88,12 @@ describe('AllPasswordsPage', () => {
       renderComponent();
       expect(screen.getByRole('button', { name: printAction$() })).toBeInTheDocument();
     });
+
+    it('renders a Print button in app context', () => {
+      useUser.mockImplementation(() => useUserMock({ isAppContext: true }));
+      renderComponent();
+      expect(screen.getByRole('button', { name: printAction$() })).toBeInTheDocument();
+    });
   });
 
   describe('print dialog', () => {