[Team]: Add disabled button animation logic to modals for Products

ecom-web/src/components/product-market/product-details.jsx

@@ -85,15 +85,18 @@ export default class ProductDetails extends Component {
                         <form className="details-add-cart-and-quantity" onSubmit={ e => this.handleSubmit(e, this.props.product) }>
                             <input 
                                 type="number" 
-                                className="prod-details-quantity" 
+                                className="prod-details-quantity"
+                                id={ this.props.user?.currentUser ? "" : "disabled" }
                                 disabled={ !this.props.user?.currentUser } 
                                 onChange={this.handleChange("orderItemQuantity")}
                                 placeholder="Quantity" 
                                 value={ this.state.orderItemQuantity }
                             />
-                            <button className="prod-details-add-to-cart" disabled={ !this.props.user?.currentUser }>
-                                Add to Cart
-                            </button>
+                            <button 
+                                className="prod-details-add-to-cart" 
+                                id={ this.props.user?.currentUser ? "" : "disabled" }
+                                disabled={ !this.props.user?.currentUser
+                            }>Add to Cart</button>
                             { this.props.user?.currentUser ? "" :<p id="details-please-log-in-notice">Log in to Add to Cart</p>}
                         </form>
                         </div>