revert: "fix: remove For in Swap component" (#237)

Revert "fix: remove For in Swap component (#235)"

This reverts commit 5050dad.

src/components/Swap/Output.tsx

@@ -1,3 +1,4 @@
+import { Trans } from '@lingui/macro'
 import { useLingui } from '@lingui/react'
 import BrandedFooter from 'components/BrandedFooter'
 import Rule from 'components/Rule'
@@ -23,7 +24,8 @@ export const colorAtom = atom<string | undefined>(undefined)
 const OutputColumn = styled(Column)<{ hasColor: boolean | null }>`
   background-color: ${({ theme }) => theme.module};
   border-radius: ${({ theme }) => theme.borderRadius - 0.25}em;
-  padding: 2em 0.75em 0.5em;
+  padding: 0.75em;
+  padding-bottom: 0.5em;
   position: relative;
 
   // Set transitions to reduce color flashes when switching color/token.
@@ -72,6 +74,11 @@ export default function Output({ disabled, focused, children }: PropsWithChildre
   return (
     <DynamicThemeProvider color={color}>
       <OutputColumn hasColor={hasColor} gap={0.5}>
+        <Row>
+          <ThemedText.Subhead1 color="secondary">
+            <Trans>For</Trans>
+          </ThemedText.Subhead1>
+        </Row>
         <TokenInput
           amount={amount}
           currency={swapOutputCurrency}