feat: add option for toggle chat folders

crates/ui/src/icon.rs

@@ -36,6 +36,8 @@ pub enum IconName {
     EmojiFill,
     Folder,
     FolderFill,
+    Filter,
+    FilterFill,
     Inbox,
     Info,
     Loader,
@@ -61,6 +63,8 @@ pub enum IconName {
     SortAscending,
     SortDescending,
     Sun,
+    Toggle,
+    ToggleFill,
     ThumbsDown,
     ThumbsUp,
     TriangleAlert,
@@ -101,6 +105,8 @@ impl IconName {
             Self::EyeOff => "icons/eye-off.svg",
             Self::Folder => "icons/folder.svg",
             Self::FolderFill => "icons/folder-fill.svg",
+            Self::Filter => "icons/filter.svg",
+            Self::FilterFill => "icons/filter-fill.svg",
             Self::Inbox => "icons/inbox.svg",
             Self::Info => "icons/info.svg",
             Self::Loader => "icons/loader.svg",
@@ -126,6 +132,8 @@ impl IconName {
             Self::SortAscending => "icons/sort-ascending.svg",
             Self::SortDescending => "icons/sort-descending.svg",
             Self::Sun => "icons/sun.svg",
+            Self::Toggle => "icons/toggle.svg",
+            Self::ToggleFill => "icons/toggle-fill.svg",
             Self::ThumbsDown => "icons/thumbs-down.svg",
             Self::ThumbsUp => "icons/thumbs-up.svg",
             Self::TriangleAlert => "icons/triangle-alert.svg",

crates/ui/src/styled.rs

@@ -64,7 +64,7 @@ pub trait StyledExt: Styled + Sized {
 
     /// Set as Popover style
     fn popover_style(self, cx: &mut App) -> Self {
-        self.bg(cx.theme().base.step(cx, ColorScaleStep::TWO))
+        self.bg(cx.theme().background)
             .border_1()
             .border_color(cx.theme().base.step(cx, ColorScaleStep::SIX))
             .shadow_lg()