refactor: conditionally render share button in Profile component and adjust tooltip position

Author: codeaashu

src/components/Profile/Profile.jsx

@@ -249,10 +249,12 @@ function Card({ data }) {
 
         <div className="absolute right-0 top-0">
           <div className="relative" ref={shareBtnRef}>
-            <FaShareAlt
-              className="cursor-pointer text-xl text-blue-600 duration-300 hover:scale-125"
-              onClick={() => setShowTooltip(true)}
-            />
+            {!showTooltip && (
+              <FaShareAlt
+                className="cursor-pointer text-xl text-blue-600 duration-300 hover:scale-125"
+                onClick={() => setShowTooltip(true)}
+              />
+            )}
             {showTooltip && (
               <div className="profile-share-tooltip">
                 <button className="profile-share-close" onClick={() => setShowTooltip(false)}>

src/components/Profile/ProfileShareTooltip.css

@@ -1,8 +1,8 @@
 /* Tooltip styles for Profile share button */
 .profile-share-tooltip {
   position: absolute;
-  top: 40px;
-  right: 0;
+  top: -10px;
+  right: -10px;
   z-index: 50;
   background: #091224;
   color: #00a6fb;