fix social media share links

Signed-off-by: Rajesh-Nagarajan-11 <[email protected]>

Author: Rajesh-Nagarajan-11

src/sections/Blog/Blog-single/author.js

@@ -35,15 +35,33 @@ const AboutTheAuthor = (props) => {
             <div className="share-section">
               <h3>Share</h3>
               <div className="share-icons-container">
-                <TwitterShareButton $url={location.href} title={shareQuote} className="icon">
+                <a 
+                  aria-label="Share on X" 
+                  title="Share on X" 
+                  href={`https://x.com/intent/tweet?text=${encodeURIComponent(shareQuote || 'Check out this article!')}&url=${encodeURIComponent(location.href)}&hashtags=layer5&via=layer5`}
+                  rel="noopener noreferrer"
+                  className="icon"
+                >
                   <AiOutlineTwitter />
-                </TwitterShareButton>
-                <FacebookShareButton $url={location.href} quote={shareQuote} className="icon">
+                </a>
+                <a 
+                  aria-label="Share on Facebook" 
+                  title="Share on Facebook" 
+                  href={`https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(location.href)}&t=${encodeURIComponent(shareQuote || 'Check out this article!')}`}
+                  rel="noopener noreferrer"
+                  className="icon"
+                >
                   <FaFacebookF />
-                </FacebookShareButton>
-                <LinkedinShareButton $url={location.href} className="icon">
+                </a>
+                <a 
+                  aria-label="Share on Linkedin" 
+                  title="Share on Linkedin" 
+                  href={`https://www.linkedin.com/shareArticle?mini=true&url=${encodeURIComponent(location.href)}&summary=${encodeURIComponent(shareQuote || 'Check out this article!')}`}
+                  rel="noopener noreferrer"
+                  className="icon"
+                >
                   <FaLinkedin />
-                </LinkedinShareButton>
+                </a>
               </div>
             </div>
           </div>