feat: cctp withdrawals: cp old code [2/n]

src/views/forms/AccountManagementFormsNew/HighestFeesText.tsx

@@ -0,0 +1,21 @@
+import { STRING_KEYS } from '@/constants/localization';
+
+import { useStringGetter } from '@/hooks/useStringGetter';
+
+export const HighestFeesDecoratorText = () => {
+  const stringGetter = useStringGetter();
+  return (
+    <div tw="text-color-text-0 font-small-regular">
+      {stringGetter({
+        key: STRING_KEYS.HIGH_FEES_IN_GENERAL,
+        params: {
+          HIGH_FEES_IN_GENERAL_HIGHLIGHT_TEXT: (
+            <span tw="text-red">
+              {stringGetter({ key: STRING_KEYS.HIGH_FEES_IN_GENERAL_HIGHLIGHT_TEXT })}
+            </span>
+          ),
+        },
+      })}
+    </div>
+  );
+};

src/views/forms/AccountManagementFormsNew/LowestFeesText.tsx

@@ -0,0 +1,21 @@
+import { STRING_KEYS } from '@/constants/localization';
+
+import { useStringGetter } from '@/hooks/useStringGetter';
+
+export const LowestFeesDecoratorText = () => {
+  const stringGetter = useStringGetter();
+  return (
+    <div tw="text-color-text-0 font-small-regular">
+      {stringGetter({
+        key: STRING_KEYS.LOWEST_FEES_WITH_USDC,
+        params: {
+          LOWEST_FEES_HIGHLIGHT_TEXT: (
+            <span tw="text-green">
+              {stringGetter({ key: STRING_KEYS.LOWEST_FEES_HIGHLIGHT_TEXT })}
+            </span>
+          ),
+        },
+      })}
+    </div>
+  );
+};