fix(profile): add visual cue to profile button (#247)

## **Description**
This PR fixes the visibility issue of the profile button when the user’s
avatar image is loading or fails to load.
The bg-transparent class was removed, allowing the existing bg-gray-200
background to serve as a fallback. This ensures the profile button is
always visible and clickable.


## **Related Issue**

Fixes #203


## **Screenshots/Screencasts**
<img width="1077" height="44" alt="Screenshot 2025-10-19 210051"
src="https://github.com/user-attachments/assets/05d3c7ee-383b-4154-bf7d-328e12ddfb12"
/>


https://github.com/user-attachments/assets/360cbed9-d3ae-420d-a457-7aefcd817154

<img width="1362" height="561" alt="Screenshot 2025-10-19 210233"
src="https://github.com/user-attachments/assets/665c2adf-3ea3-4eb3-af87-08e692769561"
/>
<img width="1354" height="721" alt="Screenshot 2025-10-19 191008"
src="https://github.com/user-attachments/assets/a110f192-ec69-4d75-95ac-e0a4ac453f6e"
/>


##  **Notes to Reviewer**

> Notes to Reviewer
> 
> No new npm packages were added.
> 
> Only a minor class change (bg-transparent removed) in the profile
button component.

Co-authored-by: Olabode Lawal-Shittabey <[email protected]>

Author: Dimaalahdab

src/components/islands/profile.jsx

@@ -49,7 +49,7 @@ export default function Profile({ isAuthed, userData, authUrl }) {
     <div className="relative">
       {/* Profile */}
       <button
-        className={`${isDropdownOpen && "ring-4"} relative bg-gray-200 flex items-center justify-center size-10 hover:ring-4 ring-gray-200 overflow-hidden bg-transparent rounded-full transition-colors duration-700 cursor-pointer focus-visible:outline-none`}
+        className={`${isDropdownOpen && "ring-4"} relative bg-gray-200 flex items-center justify-center size-10 hover:ring-4 ring-gray-200 overflow-hidden rounded-full transition-colors duration-700 cursor-pointer focus-visible:outline-none`}
         onClick={() => setIsDropdownOpen((prev) => !prev)}
       >
         {/* User Avatar */}