feat: added share with twitter button

[ptdatta]

fixes: #1061

simplescreenrecorder-2023-08-07_12.15.11.mp4

---

PR-Codex overview

The following files were skipped due to too many changes: yarn.lock

✨ Ask PR-Codex anything about this PR by commenting with /codex {your question}

[netlify]

❌ Deploy Preview for kleros-v2 failed.

Name	Link
🔨 Latest commit	4985fa9
🔍 Latest deploy log	https://app.netlify.com/sites/kleros-v2/deploys/652dcd080a06250008609148

[netlify]

✅ Deploy Preview for kleros-v2-contracts ready!

Name	Link
🔨 Latest commit	6546c57
🔍 Latest deploy log	https://app.netlify.com/sites/kleros-v2-contracts/deploys/64d09365a098b200080dec32
😎 Deploy Preview	https://deploy-preview-1114--kleros-v2-contracts.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[sonarqubecloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
0.0% Duplication

[ptdatta]

@jaybuidl Currently, I only added the Share with Twitter button. I have some questions:

1. Does I changed the Twitter to X?
2. I am not sure about the UI. Should I use the Share your Jouor Score text for all three platforms? And will they be rowwise or columnwise? As rowise they will not fit?
3. Currently the message is:
   Hey I've been busy as a Juror on the Kleros court,
check out my score! https://kleros.io/
4. Why you use styled components in stead of tailwind?
   Should I change it?

[kemuru]

Dont push subgraph files in the PR, you can commit again removing them. To answer your points:

1. Yeah it should be X branding, not Twitter
2. "Share your Juror Score" looks fine to me. Curious about what @nhestrompia @alcercu @jaybuidl think
3. The message looks good to me too, except linking to https://kleros.io/ is not sharing your juror score
4. We are currently using styled components instead of tailwind for better scaling so its better we stick to it

[ptdatta]

@kemuru Thanks for the feedback.

[ptdatta]

@kemuru @jaybuidl are you using some special kind of svgs as when I use another svg when I downloaded from another site the app stopped working??

[sonarqubecloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
0.0% Duplication

[qlty-cloud-legacy]

Code Climate has analyzed commit 4985fa9 and detected 0 issues on this pull request.

View more on Code Climate.

[kemuru]

hey, @ptdatta appreciate your contribution. i'm going to continue this PR here -> #1297
the reason is I had some problems with joining your branch, but you are be credited there, and again thanks for your interest