Feature 248 storybook folder structure

[ThePhisch]

What was done

A long-scheduled cleanup of the storybook folder structure, i.e. src/component-library

• Removed unused components
• Added the Misc folder and added components there
• Cleaned up the Pages folder and enforced the hierarchy that was initialised earlier
• Flattened the hierarchy by moving component-library/components/ into component-library/
• Defined rules for future components
• (Fixed the imports later)

Rules going forward

The folder shall be structured into the following subfolders:

• Button: UI components which can be clicked and do not store a react state
• Helpers: UI components which do NOT have a renderable story (i.e. {component name}.stories.tsx file does not exist), such as Metatable, ResponsiveHook, Collapsible.
• Input: UI components used to input a value, they should store a react state.
• Misc: UI components with an attached renderable story, such as Alert, Tabs, Progressbar
• Pages
  • Dashboard
    • Dashboard.tsx
    • Widgets folder, contents such as WidgetOngoinrules.tsx
  • Helpers: should probably be merged with top-level Helpers or Misc
  • Layout
  • Login
  • DID
    • ListDID.tsx
    • PageDID.tsx
    • extracted components, naming scheme e.g. ListDIDTable.tsx or PageDIDFilereplicas.tsx
  • RSE
    • as in DID
  • Rule
    • as in DID
  • Subscription
    • as in DID
  • ... if any other should come up
• StreamedTables
  • StreamedTable.tsx
  • ... related components, naming scheme Table{PascalCaseDescription}.tsx, e.g. TableBreakout.tsx or TableInternalLink.tsx
• Tags
• Text
  • Content
  • Headings