Add print badges, pagination, route splitting, JWT auth fixes, and list page alignment

- Fix equipment badge barcode not rendering (loading race condition)
- Fix printer QR code not rendering on initial load (same race condition)
- Add model image to equipment badge via imageurl from Model table
- Fix white-on-white machine number text on badge, tighten barcode spacing
- Add PaginationBar component used across all list pages
- Split monolithic router into per-plugin route modules
- Fix 25 GET API endpoints returning 401 (jwt_required -> optional=True)
- Align list page columns across Equipment, PCs, and Network pages
- Add print views: EquipmentBadge, PrinterQRSingle, PrinterQRBatch, USBLabelBatch
- Add PC Relationships report, migration docs, and CLAUDE.md project guide
- Various plugin model, API, and frontend refinements

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

frontend/src/views/settings/BusinessUnitsList.vue

@@ -38,11 +38,14 @@
           </table>
         </div>
 
-        <div class="pagination" v-if="totalPages > 1">
-          <button v-for="p in totalPages" :key="p" :class="{ active: p === page }" @click="goToPage(p)">
-            {{ p }}
-          </button>
-        </div>
+        <!-- Pagination -->
+        <PaginationBar
+          :page="page"
+          :totalPages="totalPages"
+          :perPage="perPage"
+          @update:page="goToPage"
+          @update:perPage="changePerPage"
+        />
       </template>
     </div>
 
@@ -97,11 +100,13 @@
 <script setup>
 import { ref, onMounted } from 'vue'
 import { businessunitsApi } from '../../api'
+import PaginationBar from '../../components/PaginationBar.vue'
 
 const items = ref([])
 const loading = ref(true)
 const page = ref(1)
 const totalPages = ref(1)
+const perPage = ref(20)
 
 const showModal = ref(false)
 const editing = ref(null)
@@ -118,9 +123,9 @@ onMounted(() => loadData())
 async function loadData() {
   loading.value = true
   try {
-    const response = await businessunitsApi.list({ page: page.value, perpage: 20 })
+    const response = await businessunitsApi.list({ page: page.value, perpage: perPage.value })
     items.value = response.data.data || []
-    totalPages.value = response.data.meta?.pages || 1
+    totalPages.value = response.data.meta?.pagination?.totalpages || response.data.meta?.pagination?.total_pages || 1
   } catch (err) {
     console.error('Error loading business units:', err)
   } finally {
@@ -130,6 +135,12 @@ async function loadData() {
 
 function goToPage(p) { page.value = p; loadData() }
 
+function changePerPage(newPerPage) {
+  perPage.value = newPerPage
+  page.value = 1
+  loadData()
+}
+
 function openModal(item = null) {
   editing.value = item
   form.value = item ? {