Vue 3 Upgrade

[GrahamSH-LLK]

Description

Upgrades to Vue 3 and necessary associated dependencies. This makes as few changes as required in order to lower review overhead and potential for breakage.

Closes #885

Meta

Merge checklist:

• Pull Request title is short, imperative summary of proposed changes
• The description documents the what and why
• If this PR changes behavior or adds a feature, user documentation is updated
• If this PR touches photon-serde, all messages have been regenerated and hashes have not changed unexpectedly
• If this PR touches configuration, this is backwards compatible with settings back to v2024.3.1
• If this PR touches pipeline settings or anything related to data exchange, the frontend typing is updated
• If this PR addresses a bug, a regression test for it is added

[samfreund]

There are a few things I know don’t work:

• font is broken
• compact mode expands too far vertically
• some table styling is off
• the camera view header is a little broken
• settings page colors are wonky
• the camera feed is far too small
  
• I can't select a pipeline type 💀

[GrahamSH-LLK]

There are a few things I know don’t work:

• font is broken
• compact mode expands too far vertically
• some table styling is off
• the camera view header is a little broken
• settings page colors are wonky
• the camera feed is far too small
  
• I can't select a pipeline type 💀

All of these are fixed except for the stream being too small.

[samfreund]

Both of these should be actual buttons, not just text.

Targets shouldn't be a tab, it should always be visible on the side.

This is a little hard to read.

The font is also still different, but idk how important that is.

Enabling driver mode with any tab other than input selected means the input tab is not shown for driver mode. (Reloading does resolve this)

Grayed out buttons are really light, should be darker

more like this

[Gold856]

Sidebar font is a little small, let's increase that for readability
I'm not sure how I feel about the text color for selected options being blue on blue. That seems to be bad for readability/accessibility.
Log toggles are unaligned:

The log text is also really contrasting. I like the readability, but it might be hard on the eyes?
Also, all modals make the background lighter instead of darker. It's a change, but I'm not necessarily against it. I do think it's messing with my perception though, because I keep thinking that the modal color is darker than the normal UI (likely because the modal background is lighter, so of course I perceive it as darker.) It's kinda jarring.
Save and Close buttons need more contrast:

None of sliders seem to work for me? Sliding doesn't work, and inputting the numbers don't cause updates either.
I don't like how buttons that can't be clicked like the 3d toggle or cancel calibration button are lighter. "Grayed out" is a term that people use to describe these buttons.
Buttons here need some contrast to show you can interact with them:

Disabled save button color is bad, the old one was nicer (kinda contradicts what I said before, but I think it is just better):

Inconsistent size here isn't great:

A bit too much padding here:

The older, more compact style was good.

[samfreund]

Sliders worked fine for me, but I tested prior to the updates to the sliders.

Edit: further testing indicates sliders are indeed borked, likely caused by this commit