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/tests/features/issues/components/IssueDetailPanel.test.tsx

@@ -211,9 +211,7 @@ describe('IssueDetailPanel', () => {
     it('renders labels without color property', () => {
       const issueWithColorlessLabels: IssueDetail = {
         ...defaultIssue,
-        labels: [
-          { id: 'lbl-1', name: 'colorless-label' },
-        ],
+        labels: [{ id: 'lbl-1', name: 'colorless-label' }],
       };
       render(<IssueDetailPanel issue={issueWithColorlessLabels} />);
       expect(screen.getByText('colorless-label')).toBeInTheDocument();