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/knowledgebase/KnowledgeBaseForm.vue

@@ -105,7 +105,7 @@ const applications = ref([])
 onMounted(async () => {
   try {
     // Load applications for topic dropdown
-    const appsRes = await applicationsApi.list({ per_page: 1000 })
+    const appsRes = await applicationsApi.list({ perpage: 1000 })
     applications.value = appsRes.data.data || []
 
     // Load article if editing

frontend/src/views/knowledgebase/KnowledgeBaseList.vue

@@ -95,31 +95,29 @@
         </div>
 
         <!-- Pagination -->
-        <div class="pagination" v-if="totalPages > 1">
-          <button
-            v-for="p in visiblePages"
-            :key="p"
-            :class="{ active: p === page }"
-            @click="goToPage(p)"
-          >
-            {{ p }}
-          </button>
-        </div>
+        <PaginationBar
+          :page="page"
+          :totalPages="totalPages"
+          :perPage="perPage"
+          @update:page="goToPage"
+          @update:perPage="changePerPage"
+        />
       </template>
     </div>
   </div>
 </template>
 
 <script setup>
-import { ref, onMounted, computed } from 'vue'
+import { ref, onMounted } from 'vue'
 import { knowledgebaseApi, applicationsApi } from '../../api'
+import PaginationBar from '../../components/PaginationBar.vue'
 
 const loading = ref(true)
 const articles = ref([])
 const topics = ref([])
 const stats = ref(null)
 const page = ref(1)
-const perPage = 20
+const perPage = ref(20)
 const totalPages = ref(1)
 const search = ref('')
 const topicFilter = ref('')
@@ -128,16 +126,6 @@ const order = ref('desc')
 
 let searchTimeout = null
 
-const visiblePages = computed(() => {
-  const pages = []
-  const start = Math.max(1, page.value - 2)
-  const end = Math.min(totalPages.value, page.value + 2)
-  for (let i = start; i <= end; i++) {
-    pages.push(i)
-  }
-  return pages
-})
-
 onMounted(async () => {
   await Promise.all([
     loadArticles(),
@@ -151,7 +139,7 @@ async function loadArticles() {
   try {
     const params = {
       page: page.value,
-      per_page: perPage,
+      perpage: perPage.value,
       sort: sort.value,
       order: order.value
     }
@@ -160,7 +148,7 @@ async function loadArticles() {
 
     const response = await knowledgebaseApi.list(params)
     articles.value = response.data.data || []
-    totalPages.value = response.data.meta?.pagination?.total_pages || 1
+    totalPages.value = response.data.meta?.pagination?.totalpages || response.data.meta?.pagination?.total_pages || 1
   } catch (error) {
     console.error('Error loading articles:', error)
   } finally {
@@ -170,7 +158,7 @@ async function loadArticles() {
 
 async function loadTopics() {
   try {
-    const response = await applicationsApi.list({ per_page: 1000 })
+    const response = await applicationsApi.list({ perpage: 1000 })
     topics.value = response.data.data || []
   } catch (error) {
     console.error('Error loading topics:', error)
@@ -199,6 +187,12 @@ function goToPage(p) {
   loadArticles()
 }
 
+function changePerPage(newPerPage) {
+  perPage.value = newPerPage
+  page.value = 1
+  loadArticles()
+}
+
 function toggleSort(column) {
   if (sort.value === column) {
     order.value = order.value === 'desc' ? 'asc' : 'desc'