This PR introduces several modifications to enhance the UI and code
structure. Here are the details:
1. Added SidebarIndicator to improve the sidebar navigation experience.
2. Removed the BarIcon components from the Character at Bar. They have
been replaced with the SidebarAvatar component. This change aims to
refactor the BarIcon into UI components (TODO: Implement the UI
component refactor and sidebar state flow)
3. Update shape and color of NewCharButton
4. ~~Refactored the getCharImage function by removing unused code,
improving code cleanliness and maintainability.~~
* Reverted. Because, it's in use in so many places that it's probably
too big a scope to cover in this PR.
These changes aim to improve the UI and code structure. The Avatar UI
has been updated to a circular shape, but it can be easily reverted to a
rectangular shape based on your preference. Your feedback on this aspect
would be greatly appreciated.
Thank you for your attention to this pull request. Please let me know if
you have any questions, suggestions, or concerns.
Thank you!
## New Sidebar (Indicator, NewCharButton) Demo
https://github.com/kwaroran/RisuAI/assets/34825352/6f709aed-3330-4c68-b2e6-7024607faaf8
* Add SidebarIndicator
* Remove BarIcon components at Character at Bar
* It replaced by SidebarAvatar component
* (TODO: Refactor BarIcon to UI Components & Sidebar State Flow)
* Refactor getCharImage
* Delete unused code
BREAKING CHANGE:
