fix: auto-refresh themes UI when navigating to settings page (@byseif21)

[byseif21]

Description

When (changing / adding or removing themes from favorite ) via command line or from the current theme button "in page e.g test page" and then
navigating to Settings > Themes, the UI does not immediately reflect the current theme changes . The user has to manually refresh the page to see these changes.

Now
UI automatically refreshes
to reflect the current theme selection and favorites without requiring
a manual page refresh.

• Added refreshThemeUI function in theme-picker.ts that updates all
  theme-related UI components
• Called this refresh function in the settings page's beforeShow lifecycle hook to ensure the theme UI is always up-to-date when the page is displayed.

FOR TESTING BEFORE & AFTER:
keep changing themes then navigate to the settings and check and keep doing those things again to verify that the active theme and favorites update.

[Miodec]

This change will cause multiple calls to refreshCustomButtons / refreshPresetButtons on first load. This needs to be done another way.

[byseif21]

This change will cause multiple calls to refreshCustomButtons / refreshPresetButtons on first load. This needs to be done another way.

hey mio check this approach and tell me what do you think of it !

I’ve added a flag to track whether the UI has already been set up. Now refreshThemeUI() skips redundant work unless the state is explicitly reset, I kept thinking for other ways like an event-based approach or refactor the theme UI with lifecycle methods, but this is the one with minimal changes I feel, so let me know what do you feel about that and if you spot any edge cases I might’ve missed!