docs(README.md): add a tweet badge

Author: 0l1v3rr

README.md

@@ -19,6 +19,9 @@
   <a href="https://github.com/0l1v3rr/github-readme-tech-stack/releases" target="_blank">
     <img src="https://img.shields.io/github/release/0l1v3rr/github-readme-tech-stack.svg?style=for-the-badge&logo=github&color=00B274&logoColor=D9E0EE&labelColor=343A40" alt="Version">
   </a>
+  <a href="https://twitter.com/intent/tweet?text=Display%20your%20favorite%20technologies%2C%20tools%2C%20or%20the%20tech%20stack%20your%20project%20uses%20with%20these%20fully%20customizable%2C%20good-looking%20cards%20on%20your%20GitHub%20README%21&url=https://github.com/0l1v3rr/github-readme-tech-stack&hashtagsgithub,readme,cards,stats,profile,shields,react,typescript,tailwindcss" target="_blank">
+    <img src="https://img.shields.io/twitter/url/http/shields.io.svg?style=for-the-badge&logo=twitter&color=1c93e4&logoColor=D9E0EE&labelColor=343A40" alt="Version">
+  </a>
 </div>
 
 <br>

client/build/asset-manifest.json

@@ -5,17 +5,19 @@ interface SecondaryButtonProps {
   text: string;
   icon?: IconType;
   onClick: () => void;
+  className?: string;
 }
 
 const SecondaryButton: FC<SecondaryButtonProps> = (props) => {
   return (
     <button
       onClick={props.onClick}
       type="button"
-      className="text-gh-text flex items-center gap-3 
+      className={`text-gh-text flex items-center gap-3 
       bg-gh-button border border-solid border-gh-button-border
         py-1 px-3 rounded-md hover:border-gh-button-border-active 
-        transition-all duration-150 hover:bg-gh-button-active text-sm"
+        transition-all duration-150 hover:bg-gh-button-active 
+        text-sm ${props.className}`}
     >
       {props.icon && <props.icon />}
       {props.text}

client/build/index.html

@@ -194,7 +194,7 @@ const Options: FC<OptionsProps> = (props) => {
 
         <div className="w-full h-[.8px] bg-gh-border mx-auto" />
 
-        <div className="flex items-stretch gap-2">
+        <div className="flex items-stretch gap-3">
           <GreenButton
             icon={IoHammerOutline}
             onClick={() => {
@@ -216,7 +216,11 @@ const Options: FC<OptionsProps> = (props) => {
             text="Generate"
           />
 
-          <SecondaryButton onClick={() => reset()} text="Reset" />
+          <SecondaryButton
+            onClick={() => reset()}
+            text="Reset"
+            className="text-red-500 font-semibold"
+          />
         </div>
       </div>
     </section>