Standardize UI to Bootstrap 5

[reynaldiarya]

Summary

Modernize the UI to Bootstrap 5 conventions. No business logic or database write behavior is changed.

Context / Why

Some views still used BS4-ish patterns and custom classes. Aligning to Bootstrap 5 improves consistency, maintainability, and reduces custom CSS.

Changes

Bootstrap 5 UI polish

• Replace deprecated/legacy classes:
  • float-right → ms-auto, mr-*/ml-* → me-*/ms-*
  • form-group/custom wrappers → mb-3 with form-label + form-control
  • <select> → form-select
  • Remove non-core classes (page-header, page-title) in favor of BS5 utilities
• Tables:
  • Wrap in .table-responsive + align-middle, use <th> for label cells
• Layout:
  • Avoid nested .container between layout & child views
• Minor UX:
  • Consistent card spacing shadow-sm, button groups, and gap-* utilities
• Pagination:
  • Ensure Paginator::useBootstrapFive() enabled (see Notes)

What’s NOT included

• No database schema changes
• No create/update logic changes
• No queue/scheduler changes

[nafiesl]

Thanks @reynaldiarya, give me some days to test and review.