Feat/install and style button

[0xRowdy]

installed button from https://ui.shadcn.com/docs/components/button
updated styles for button to match figma. Since we did not have design for all button variants I improvised following the pattern from replacing the other color values. I will follow up with Chiali to review and confirm.

Note: the primary button background is vd-text-blue. using this var as the background could be confusing.

[render]

Your Render PR Server URL is https://voicedeck-pr-12.onrender.com.

Follow its progress at https://dashboard.render.com/web/srv-cmpeb1mv3ddc73dkm7mg.

[thebeyondr]

Note: the primary button background is vd-text-blue. using this var as the background could be confusing.

@CJ-Rose can we update the token to be something else? I'd prefer if colors were named neutrally (not text or component based)

[CJ-Rose]

Note: the primary button background is vd-text-blue. using this var as the background could be confusing.

@CJ-Rose can we update the token to be something else? I'd prefer if colors were named neutrally (not text or component based)

yep. originally i gave them different names bc the text color is "Cloud burst" while the accents are all named as degrees of "Gothic" in the figma. but since the darkest "Gothic" shade being used is 700, i think its fine to change vd-text-blue to vd-blue-900

[0xRowdy]

Note: the primary button background is vd-text-blue. using this var as the background could be confusing.

@CJ-Rose can we update the token to be something else? I'd prefer if colors were named neutrally (not text or component based)

yep. originally i gave them different names bc the text color is "Cloud burst" while the accents are all named as degrees of "Gothic" in the figma. but since the darkest "Gothic" shade being used is 700, i think its fine to change vd-text-blue to vd-blue-900

Sounds good. I'm happy to make that change in this PR.