Added support for dark mode in twitter timeline widget in Footer Element closes #1242

[ranjanmangla1]

Description

This PR fixes #1242

Notes for Reviewers
I have added dark mode functionality for twitter timeline widget for dark mode.

Implementation details:
first, i had tried using changing the data-theme attribute of the tag of twitter widget, it was working but it required reloading the page to see the changes, so it was not feasible at all.
Now, what I have done is for dark mode and light mode, whenever toggle happens, it creates a new widget and then appends to the page, so no refresh is required.

Signed commits

• Yes, I signed my commits.

Screenshots:

• dark mode
  

• light mode
  

[welcome]

Yay, your first pull request! 👍 A contributor will be by to give feedback soon. In the meantime, please review the Newcomers' Guide and sure to join the community Slack.
Be sure to double-check that you have signed your commits. Here are instructions for making signing an implicit activity while peforming a commit.

[netlify]

✅ Deploy Preview for mesheryio-preview ready!

Name	Link
🔨 Latest commit	e4435d2
🔍 Latest deploy log	https://app.netlify.com/sites/mesheryio-preview/deploys/64c55d7cc0f3880008e814af
😎 Deploy Preview	https://deploy-preview-1256--mesheryio-preview.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.

[Savio629]

@thisiskaransgit @vishalvivekm Even tho meshery has some tweets on it's profile it's displaying "Nothing to see here - yet" 🤔

Also @ranjanmangla1 there's a slight delay while switching to light/dark modes

[ranjanmangla1]

@thisiskaransgit @vishalvivekm Even tho meshery has some tweets on it's profile it's displaying "Nothing to see here - yet" thinking
nothing to see here yet is happening on meshery.io too, @Savio629

Also @ranjanmangla1 there's a slight delay while switching to light/dark modes
yeah, I know, that is because whenever a toggle happens, a new widget is created and then it is appended to the page. This is the only solution that is working, other wise, the page has to be reloaded to observe the changes. I have added implementation details in the pr description.
Out of the 3 possible solutions, I figured out, this is the only solution that is working well

[ranjanmangla1]

hey @Savio629, so what changes I have to make in this pr to be merged?

[samyakshah3008]

@ranjanmangla1 Let's discuss this on Websites Meeting call on Monday. Please add this as an agenda item in the meeting mintes if you would. :)

[ranjanmangla1]

@samyakshah3008 , hey Samyak, can you review this pr, in past two website meetings this has been an agenda but could not be discussed on both occassions due to lack of time?

[samyakshah3008]

Sure man, let me look into it today.

[Chadha93]

@thisiskaransgit, I'm removing prhold label, as twittter issue is resolved now

[Chadha93]

@ranjanmangla1 Merge conflicts to resolve...

[thisiskaransgit]

Thanks for the PR, but since the widget is not working, due to twitter's new open-access policy, we'll be closing this issue. Thank you for your efforts though.