fix: change placeholder to include the 'with @'

Author: Eliot Sanford

src/components/social.jsx

@@ -57,7 +57,7 @@ const Social = (props) => {
         </div>
         <div className="w-1/2 flex justify-center items-center text-xxs sm:text-lg py-4 pr-2 sm:pr-0">
           <img src="https://cdn.jsdelivr.net/npm/[email protected]/icons/hashnode.svg" className="w-6 h-6 sm:w-8 sm:h-8 mr-1 sm:mr-4" alt="hashnode" />
-          <input id="hashnode" placeholder="hashnode @username" className="outline-none placeholder-gray-700 w-32 sm:w-1/2 border-t-0 border-l-0 border-r-0 border solid border-gray-900 py-1 px-2 focus:border-blue-700" value={social.hashnode} onChange={(event) => handleSocialChange('hashnode', event)} />
+          <input id="hashnode" placeholder="hashnode username (with @)" className="outline-none placeholder-gray-700 w-32 sm:w-1/2 border-t-0 border-l-0 border-r-0 border solid border-gray-900 py-1 px-2 focus:border-blue-700" value={social.hashnode} onChange={(event) => handleSocialChange('hashnode', event)} />
         </div>
         <div className="w-1/2 flex justify-center items-center text-xxs sm:text-lg py-4 pr-2 sm:pr-0">
           <img src="https://cdn.jsdelivr.net/npm/[email protected]/icons/medium.svg" className="w-6 h-6 sm:w-8 sm:h-8 mr-1 sm:mr-4" alt="medium" />