feat(self-service): sidebars + table abstraction + structure refactor

[gromon42]

Type of Change

• ✨ New feature (non-breaking change which adds functionality)
• 🛠️ Bug fix (non-breaking change which fixes an issue)
• ❌ Breaking change (fix or feature that would cause existing functionality to change)
• 🧹 Code refactor
• ✅ Build configuration change
• 📝 Documentation
• 🗑️ Chore

What does this PR do?

Description

Lots of fixes + sidebar layout + table abstraction.

Screenshot

Run history

Scrollbars Layout

---

PR Checklist

Global

• I have performed a self-review of my code

Clean Code

• I made sure the code is type safe (no any)
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation

Type of Change (commit types)

The appropriate commit types in your PR are required. See a table of them below

Commit Type	Title	Description	Emoji
feat	Features	A new feature (something new that impacts the end-user)	✨
fix	Bug Fixes	A bug Fix	🐛
docs	Documentation	Documentation only changes	📚
style	Styles	Changes that do not affect the meaning of the code (white-space, formatting, missing semi-colons, etc)	💎
refactor	Code Refactoring	A code change that neither fixes a bug nor adds a feature	📦
perf	Performance Improvements	A code change that improves performance	🚀
test	Tests	Adding missing tests or correcting existing tests	🚨
build	Builds	Changes that affect the build system or external dependencies (example scopes: gulp, broccoli, npm)	🛠
ci	Continuous Integrations	Changes to our CI configuration files and scripts (example scopes: Travis, Circle, BrowserStack, SauceLabs)	⚙️
chore	Chores	Other changes that don't modify src or test files	♻️
revert	Reverts	Reverts a previous commit	🗑