[task] Frontend Clean Code Initiative

[kresimir-coko]

This issue will serve as a consolidation of all technical debt and occurrences of not-ideal code for easier management in the future.

• #198 Replace usages of fetch with react-query (except the loader) #203
• #198 IntegrationItem structure improvements #245
• Add support for custom classes inside the Input component
• #198 Add custom ESLint rules #289
• Add custom classes to the tailwindcss/no-custom-classname whitelist
• Figure out a way to enable importing of our TS types
• Clean up icon usages - migrate all to Lucide icons #1521
• Extract dropdown functionality from IntegrationItem and improve child components
• Enforce consistent Interface/Type nomenclature
• The SidebarContentLayout component needs to be reworked, we need to think how exactly we want it to be used
• Replace usages of React.FC with a real type
• Reduce the filesize of ConnectionDialog.tsx
• Add sort-keys ESLint rule
• Add browser tab titles dependant on pages
• Extract FilterTitle into a reusable component (1380 - client - Reorganize, move page titles to separate components #1588)

Tailwind

• Extract all absolute values into variables #1661

HTML Semantics

• 1556 #1580

[ivicac]

@kresimir-coko SidebarContentLayout is container and should stay container for the overall layout

[ivicac]

'Replace usages of fetch with react-query' should be done before deploying to cloud