feat: Remove Header & Other Minor UI Updates

[blessedcoolant]

Remove header and incorporate everything else into the side bar and other areas

What type of PR is this? (check all applicable)

• Refactor

Have you discussed this change with the InvokeAI team?

• Yes

Description

• Removes the header entirely from the application and integrates all the elements of the header into other parts -> Logo component in the side panel, settings menu at the bottom and status indicator next to the progress bar which I feel is a very ideal place for this to sit. Because earlier the progress bar was looking like some sort of a divider. I did not know what it was until I started generating. Now it is clear without a doubt that it is an app status feedback item.

• Updated status and progress bar colors. Live status is now the same color as Invoke Yellow rather than green. They were too close and made no sense to keep both. Replaced the orange of the progress with Invoke Blue. I think this adds much needed contrast to that area and more importantly reduces the usage of yellow-ish tones in the same zone.

opera_0m8JhpriV2.mp4

• Created a more distinct background for the advanced settings on each accordion.
• Highlighted the active badges.
• Tweaked the visuals of the InvExpander - text is bolder (felt it was too thin and easily missable before) and now has an active state color for easy spot.

• NOTE: I accidentally merged a local change -- where I increase the saturation of the base color by 4. Personally I prefer this a lot rather than the pure grays. But if you rather stick to the pure grays then I can just undo that one change.

[psychedelicious]

I've made a number of changes

Settings modal restyled:

settings.modal.mov

Status disconnected indicator:

disconnected.indicator.mov

• The default state of the app is connected and working - not need to indicate this anywhere
• The disconnected state is represented by icon in the bottom left corner (and in tooltip on invoke button)
• The processing status is indicated by the progress bar - no need to indicate this anywhere else

Restored floating buttons:

floating.buttons.mov

• Same functionality as before. Implementation a bit cleaner.
• Invoke button shows spinner when processing. I'm not 100% sold on that but there isn't much room otherwise...

Muted colors for badges, bold but not colored expander button:

expander.and.badges.mov