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/app/[locale]/(authenticated)/projects/[id]/issues/page.tsx

@@ -14,12 +14,7 @@ import { useRouter } from 'next/navigation';
 import { Plus, Upload } from 'lucide-react';
 import { Button } from '@/components/ui/button';
 import { Skeleton } from '@/components/ui/skeleton';
-import {
-  IssueFilters,
-  IssueTable,
-  BulkActions,
-  useIssues,
-} from '@/features/issues';
+import { IssueFilters, IssueTable, BulkActions, useIssues } from '@/features/issues';
 import type { IssueFiltersType, IssueSort } from '@/features/issues';
 
 interface ProjectIssuesPageProps {
@@ -95,11 +90,7 @@ export default function ProjectIssuesPage({ params }: ProjectIssuesPageProps) {
           <p className="mt-2 text-sm text-muted-foreground">
             Failed to load issues. Please try again later.
           </p>
-          <Button
-            variant="outline"
-            className="mt-4"
-            onClick={() => window.location.reload()}
-          >
+          <Button variant="outline" className="mt-4" onClick={() => window.location.reload()}>
             Retry
           </Button>
         </div>
@@ -169,26 +160,15 @@ export default function ProjectIssuesPage({ params }: ProjectIssuesPageProps) {
           <div className="flex items-center justify-between text-sm text-muted-foreground">
             <span>
               Showing {(data.pagination.page - 1) * data.pagination.page_size + 1} to{' '}
-              {Math.min(
-                data.pagination.page * data.pagination.page_size,
-                data.pagination.total
-              )}{' '}
-              of {data.pagination.total} issues
+              {Math.min(data.pagination.page * data.pagination.page_size, data.pagination.total)} of{' '}
+              {data.pagination.total} issues
             </span>
             {data.pagination.total_pages > 1 && (
               <div className="flex gap-2">
-                <Button
-                  variant="outline"
-                  size="sm"
-                  disabled={!data.pagination.has_prev}
-                >
+                <Button variant="outline" size="sm" disabled={!data.pagination.has_prev}>
                   Previous
                 </Button>
-                <Button
-                  variant="outline"
-                  size="sm"
-                  disabled={!data.pagination.has_next}
-                >
+                <Button variant="outline" size="sm" disabled={!data.pagination.has_next}>
                   Next
                 </Button>
               </div>