feat: update to vue3 and storybook 8

[eddieferrer]

Initial PR to update to Vue3 and Storybook 8

• First I tried to switch vue-demi to vue 3 using an alias for vue 3 or an alias for vue2 as detailed here: https://github.com/vueuse/vue-demi?tab=readme-ov-file#isomorphic-testings But this did not work because storybook has a deep dependency for vue to be vue 3.
• I couldn't come up with an incremental way to get to storybook 8/vue 3, so I think we just have to update both at the same time.

This PR is working, but you can see the changes I had to make to these 2 stories. This change will have to be made to the rest of the stories.

There may also need to be additional changes made to preview.js to import VueRouter, and other built in components

I'm open to suggestions for an more incremental way to do this.

[mcstover]

Thanks for getting this started!

[emuvente]

Nice! We need both of these upgrades, so I think it's fine not to do it incrementally.

Since this is dropping Vue 2 support, the commit message when squash-merging this should note the breaking change so that a new major version will be created https://www.conventionalcommits.org/en/v1.0.0/#commit-message-with-both--and-breaking-change-footer

[eddieferrer]

@kiva/frontend-reviewers this is ready to be merged. I updated most of the stories and gave storybook a quick pass and all stories appear to be working

[dyersituations]

@eddieferrer thanks for the work here! Looks like Chromatic encountered an error

Storybook failed to load the following preset: @storybook/vue3-webpack5/preset.

[mcstover]

@eddieferrer thanks for the work here! Looks like Chromatic encountered an error

Storybook failed to load the following preset: @storybook/vue3-webpack5/preset.

Can we move to Storybook with vite like in CPS?

[eddieferrer]

Yeah looks like after I merged the package-lock and package from main, something went awry. Looking into it.

[eddieferrer]

@eddieferrer thanks for the work here! Looks like Chromatic encountered an error

Storybook failed to load the following preset: @storybook/vue3-webpack5/preset.

Can we move to Storybook with vite like in CPS?

I fixed the issues here, I mainly went with webpack because it was easier and required less changes to main.js

[dyersituations]

Looks like a new error in test run:

Error: Cannot find module 'tsconfig'

[eddieferrer]

@kiva/frontend-reviewers ok this is complete and ready to merge

[mcstover]

Thank you for getting these updates in place. Being that this only touches 1 actual component, I think it can be safe to merge whenever. Will look for additional thoughts from others.

[dyersituations]

Looks good, pending current build issues in GitHub.