refactor(frontend): clean up code by consolidating multi-line JSX into single lines where feasible

- Refactored JSX elements to improve readability by collapsing multi-line props and attributes into single lines if their length permits.
- Improved consistency in component imports by grouping and consolidating them.
- No functional changes, purely restructuring for clarity and maintainability.

frontend/src/components/layout/AppBreadcrumbs.tsx

@@ -74,11 +74,7 @@ function generateBreadcrumbs(pathname: string): BreadcrumbItem[] {
   return breadcrumbs;
 }
 
-export function AppBreadcrumbs({
-  items,
-  showHome = true,
-  className,
-}: AppBreadcrumbsProps) {
+export function AppBreadcrumbs({ items, showHome = true, className }: AppBreadcrumbsProps) {
   const pathname = usePathname();
 
   // Use provided items or generate from pathname