Refactor menu components

[JeffreytheCoder]

As an EmbeddedChat developer

I need to: Refactor the menu components.

Currently, each menu below has an individual store, component, and css module:

1. Room information
2. Members
3. Threads
4. Search
5. Mentions
6. Pinned messages
7. Starred messages

Most of the code are repeated and can be refactored into a general menu framework.

So That: We...

1. Improve UI consistency
2. Enhance maintainability of existing menus
3. Bring easier enhancement with future menu features and better scalability with new menus

Acceptance Criteria

• [ ] All current menus share a general component, CSS module, and store.
• [ ] The menus behave the same as before
• [ ] The refactored menu framework have flexibility for all types of menus

[JeffreytheCoder]

Working on this...might take a while

[Spiral-Memory]

Great issue! 🚀 Just change things with caution while handling it. There's a potential for a breaking change if not approached carefully. Wishing you all the best!

[Spiral-Memory]

I suggest keeping the stores separate due to numerous dependencies. Even after refactoring, each individual component should remain. Focus on extracting common CSS modules and the shared sidebar component along with its logic. Other sidebars can then implement and modify this common shared component.