Rewrite Trade as `function` component

This allows us to co-locate the `default` export with the component
definition.

taker-frontend/src/components/Trade.tsx

@@ -79,8 +79,7 @@ function AlertBox({ title, description }: AlertBoxProps) {
     </Alert>);
 }
 
-const Trade = (
-    {
+export default function Trade({
     connectedToMaker,
     minQuantity,
     maxQuantity,
@@ -95,8 +94,7 @@ const Trade = (
     isLongSubmitting,
     orderId,
     walletBalance,
-    }: TradeProps,
-) => {
+}: TradeProps) {
     let outerCircleBg = useColorModeValue("gray.100", "gray.700");
     let innerCircleBg = useColorModeValue("gray.200", "gray.600");
 
@@ -271,8 +269,7 @@ const Trade = (
             </Grid>
         </Center>
     );
-};
-export default Trade;
+}
 
 interface QuantityProps {
     min: number;