Chore - Updated twitter.svg (#4871)

Updated the old Twitter bird logo to the new "X" logo.

## Because
The old twitter bird logo has been long replaced by the new "X" logo and
I have done the same on the website to keep it updated and improve the
overall user experience.

## This PR
-The old bird logo SVG file was replaced by the new "X" logo SVG file.
-The fill rules were modified accordingly.



<!--
If this PR closes an open issue in this repo, replace the XXXXX below
with the issue number, e.g. Closes #2013.

If this PR closes an open issue in another TOP repo, replace the #XXXXX
with the URL of the issue, e.g. Closes
https://github.com/TheOdinProject/curriculum/issues/XXXXX

If this PR does not close, but is related to another issue or PR, you
can link it as above without the 'Closes' keyword, e.g. 'Related to
#2013'.
-->


<!-- Any other information about this PR, such as a link to a Discord
discussion. -->


## Pull Request Requirements
<!-- Replace the whitespace between the square brackets with an 'x',
e.g. [x]. After you create the PR, they will become checkboxes that you
can click on. -->
- [x] I have thoroughly read and understand [The Odin Project
Contributing
Guide](https://github.com/TheOdinProject/theodinproject/blob/main/CONTRIBUTING.md)
- [x] The title of this PR follows the `keyword: brief description of
change` format, using one of the following keywords:
    - `Feature` - adds new or amends existing user-facing behavior
- `Chore` - changes that have no user-facing value, refactors,
dependency bumps, etc
    - `Fix` - bug fixes
-   [x] The `Because` section summarizes the reason for this PR
- [x] The `This PR` section has a bullet point list describing the
changes in this PR
- [x] I have verified all tests and linters pass after making these
changes.
- [x] If this PR addresses an open issue, it is linked in the `Issue`
section
-   [x] If applicable, this PR includes new or updated automated tests

app/views/shared/_footer.html.erb

@@ -47,8 +47,9 @@
 
           <%= link_to 'https://twitter.com/TheOdinProject', class: 'text-gray-400 hover:text-gray-500 dark:text-gray-500 dark:hover:text-gray-400' do %>
             <span class="sr-only">Twitter</span>
-            <%= inline_svg_tag 'socials/twitter.svg', class: 'h-6 w-6 fill-current hover:fill-[#1DA1F2] transition duration-500', aria: true, title: 'Twitter', desc: 'Twitter logo' %>
+            <%= inline_svg_tag 'socials/twitter.svg', class: 'h-6 w-6 fill-current hover:fill-black dark:hover:fill-white transition duration-500', aria: true, title: 'Twitter', desc: 'Twitter logo' %>
           <% end %>
+
         </div>
       </div>