Fix the nested ripple effects in small screens sidebar component

[AbdulrhmanGoni]

Closes #288

What change does this pull request introduce?

• Changes Button component in small screens sidebar to a tag to avoid the an unnecessary nested ripple effects that Button component causes because it is inside MenuItem component which has the same ripple effect.

• Gives the a tag classes.unstyledLink class to overwrite its default styles.

• Removes .sidebarLink class from navbar styles file because the only component that uses this class has been changed.

Screenshots

Before changes:

After changes:

Checklist

• [x] I worked on a branch other than main.
• [x] My branch is up-to-date with the Upstream main branch.
• [x] I have fixed potential errors using yarn lint.
• [x] I ran yarn build to check everything still builds successfully.

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
website	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	May 18, 2024 0:31am