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/features/issues/components/BulkActions.tsx

@@ -34,16 +34,11 @@ export function BulkActions({
 
   return (
     <div
-      className={cn(
-        'flex items-center gap-4 rounded-lg border bg-muted/50 p-3',
-        className
-      )}
+      className={cn('flex items-center gap-4 rounded-lg border bg-muted/50 p-3', className)}
       role="toolbar"
       aria-label="Bulk actions for selected issues"
     >
-      <span className="text-sm font-medium">
-        {selectedCount} selected
-      </span>
+      <span className="text-sm font-medium">{selectedCount} selected</span>
       <Separator orientation="vertical" className="h-6" />
       <div className="flex gap-2">
         <Button variant="outline" size="sm" onClick={onChangeStatus}>