[TASK] Extract common page layout into reusable components

[codewizdave]

Description

All pages in src/renderer/src/pages/ have the same layout structure. Extract common patterns into reusable components.

Current State

Each page likely has duplicated code like:

<PageHeader>
  <PageHeaderTitle>...</PageHeaderTitle>
  <PageHeaderActions>...</PageHeaderActions>
</PageHeader>

<PageContent>
  <DataTable ... />
</PageContent>

<SomeDialog />  // Create/Edit dialog repeated everywhere

Requirements

Identify common patterns

• Analyze all pages to find duplicated code
• Create a base page component or template

Common components to create

• PageLayout - wrapper with consistent spacing/structure
• EntityTable - reusable data table for CRUD entities
• EntityDialog - reusable create/edit dialog
• EntityForm - reusable form fields

Refactor existing pages

• Update all pages to use new common components
• Remove duplicated code

Priority

• priority:medium

Effort

• effort:m

Benefits

• Less code duplication
• Easier to maintain
• Consistent UI across pages
• Easier to add new pages