Feat: Select colony native token by default

Author: iamsamgibbs

src/components/v5/common/ActionSidebar/partials/AmountField/hooks.ts

@@ -9,7 +9,10 @@ import { getTokenDecimalsWithFallback } from '~utils/tokens.ts';
 import { CHAIN_FIELD_NAME } from '~v5/common/ActionSidebar/consts.ts';
 
 export const useAmountField = (selectedTokenAddress: string | undefined) => {
-  const { colony } = useColonyContext();
+  const {
+    colony,
+    colony: { nativeToken },
+  } = useColonyContext();
   const { watch } = useFormContext();
   const chainId = watch(CHAIN_FIELD_NAME) ?? DEFAULT_NETWORK_INFO.chainId;
 
@@ -22,7 +25,7 @@ export const useAmountField = (selectedTokenAddress: string | undefined) => {
   const selectedToken =
     colonyTokens.find(
       (token) => token?.tokenAddress === selectedTokenAddress,
-    ) || colonyTokens[0];
+    ) || nativeToken;
 
   const formattingOptions: FormatNumeralOptions = useMemo(
     () => ({