Support multiple code tabs (Work in progress)

[eddie0329]

What this PR does / why we need it?

Support mutiple code tabs (Issue: #102)

Any background context you want to provide?

• Custom scrollbar is implemented due to following reasons:
  • Too large in basic scroll bar
  • Want to deliver same user experience between different OS.

📌 dark mode	Original Scroll bar	Customize Scroll Bar

📌 light mode	Original Scroll bar	Customize Scroll Bar

Todo

• [ ] Design each tabs
• [x] Light mode implementation
• [ ] Handle doc datas when change tab

Block Issue & Question

Q1> Where should i save each tab setting? currently it is Saved in Browser Store.

Q2> What should new tab name should be?

Q3> Which Size of Tab should be better?

same size as side bar	smaller size than side bar

What are the relevant tickets?

Fixes #102

Checklist

• [ ] Added relevant tests or not required
• [ ] Didn't break anything

[hackerwins]

The overall work looks good. There is a lot of work, so please take care of the remaining work.

[eddie0329]

The overall work looks good. There is a lot of work, so please take care of the remaining work.

Thanks for reveiw ! I will make sure care of remaining work 😊

[hackerwins]

@eddie0329 Thanks for your contribution.

This feature looks useful but has not been updated on for a long time. I'll close this for now. Please let me know if you have any plans to work on this.