[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.

• [x] #203
• [x] https://github.com/bytechefhq/bytechef/pull/245
• [x] Add support for custom classes inside the Input component
• [x] https://github.com/bytechefhq/bytechef/pull/289
• [x] Add custom classes to the tailwindcss/no-custom-classname whitelist
• [x] Figure out a way to enable importing of our TS types
• [ ] #1521
• [ ] Extract dropdown functionality from IntegrationItem and improve child components
• [x] Enforce consistent Interface/Type nomenclature
• [ ] The SidebarContentLayout component needs to be reworked, we need to think how exactly we want it to be used
• [x] Replace usages of React.FC with a real type
• [ ] Reduce the filesize of ConnectionDialog.tsx
• [x] Add sort-keys ESLint rule
• [x] Add browser tab titles dependant on pages

[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