ally: disable btns styling, auto focus forms fields

src/Components/Button/Button.tsx

@@ -112,6 +112,7 @@ export default function Button({ color = 'white',
             type='button'
             className={`${classes} ${className}`}
             onClick={() => handleClick()}
+            disabled={disabled}
             {...props}
         >
             {/* {isLoading ? <Loading color={loadingColor[color]} /> : children} */}

src/features/Posts/pages/CreatePostPage/Components/BountyForm/BountyForm.tsx

@@ -106,6 +106,7 @@ export default function BountyForm() {
                         </p>
                         <div className="input-wrapper mt-8 relative">
                             <input
+                                autoFocus
                                 type='text'
                                 className="input-text"
                                 placeholder='Your Bounty Title'

src/features/Posts/pages/CreatePostPage/Components/QuestionForm/QuestionForm.tsx

@@ -80,6 +80,7 @@ export default function QuestionForm() {
                         </p>
                         <div className="input-wrapper mt-8 relative">
                             <input
+                                autoFocus
                                 type='text'
                                 className="input-text"
                                 placeholder='Your Question Title'

src/features/Posts/pages/CreatePostPage/Components/StoryForm/StoryForm.tsx

@@ -80,6 +80,7 @@ export default function StoryForm() {
                         </p>
                         <div className="input-wrapper mt-8 relative">
                             <input
+                                autoFocus
                                 type='text'
                                 className="input-text"
                                 placeholder='Your Story Title'

src/features/Posts/pages/PostDetailsPage/Components/SubmitBountyPlanModal/SubmitBountyPlanModal.tsx

@@ -56,6 +56,7 @@ export default function Login_SuccessCard({ onClose, direction, ...props }: Moda
                 </p>
                 <div className="input-wrapper mt-24 relative">
                     <textarea
+                        autoFocus
                         rows={6}
                         className="input-text !p-20"
                         placeholder='What steps will you take to complete this task? '

src/styles/shared.scss

@@ -7,4 +7,9 @@
 /* Firefox */
 .input-removed-arrows[type="number"] {
     -moz-appearance: textfield;
+}
+
+button[disabled]{
+    opacity: .5;
+    pointer-events: none;
 }