chore: vite warning resolutions

[danny-avila]

Summary

This PR includes several chore updates and fixes:

• Updated @vitejs/plugin-react to version 4.0.4. and Updated vite to version 4.4.9.
• Updated vite.config.ts to resolve fonts and updated styles.css accordingly.
• Removed artifacts related to next.js ("use client") from UI primitives, which resolves vite warnings
• Fixed a type error in the onClick event handler of Slider.tsx.
• also fixed condition for playwright workflow to trigger on PRs from main repo (where secrets are accessible)

Font resolution fix was discussed in this StackOverflow thread and applied it. Several UI primitives had 'use client'; their respective warnings have been resolved by removing them. Lastly, there's a similar issue with tanstack/query, as discussed in this GitHub issue. There was hope that the latest versions of vite-plugin-react and vite would resolve this, but it remains an ongoing issue for that plugin library, so the warnings persist until their libraries address the underlying issue.

Change Type

• Chore
• Bug fix (non-breaking change which fixes an issue)

Checklist

• My code adheres to this project's style guidelines
• I have performed a self-review of my own code
• I have commented in any complex areas of my code
• I have made pertinent documentation changes
• My changes do not introduce new warnings
• I have written tests demonstrating that my changes are effective or that my feature works
• Local unit tests pass with my changes
• Any changes dependent on mine have been merged and published in downstream modules.