SD-102: Temporarily hide fee documentation link in fee breakdown modal

Author: rAskVAL

src/domains/misc/components/Modal/Modal.tsx

@@ -58,7 +58,6 @@ const Modal = ({
 
   useEffect(() => {
     const handleEsc = (e: KeyboardEvent) => {
-      // Only handle ESC key if this is the top modal and it's not non-dismissible
       if (e.key === 'Escape' && !nonDismissible && isTopModal) {
         triggerClose();
       }

src/domains/shielder/components/TokenList/Modals/SendModal/SendModal.tsx

@@ -26,7 +26,7 @@ const SendModal = ({ token }: Props) => {
   const { address } = useWallet();
   const [addressTo, setAddressTo] = useState('');
   const [amount, setAmount] = useState(0n);
-  const [inputValue, setInputValue] = useState(''); // Store input value at modal level
+  const [inputValue, setInputValue] = useState('');
   const { withdraw, isWithdrawing } = useWithdraw();
   const [page, setPage] = useState(0);
   const { close } = useModalControls();

src/domains/shielder/components/TokenList/Modals/ShieldModal/ShieldModal.tsx

@@ -25,7 +25,7 @@ const ShieldModal = ({ token }: Props) => {
   const { address } = useWallet();
   const { close } = useModalControls();
   const [amount, setAmount] = useState(0n);
-  const [inputValue, setInputValue] = useState(''); // Store input value at modal level
+  const [inputValue, setInputValue] = useState('');
   const chainConfig = useChain();
   const { shield, isShielding, reset } = useShield();
   const [page, setPage] = useState(0);

src/domains/shielder/utils/useFeeBreakdownModal.tsx

@@ -111,11 +111,12 @@ const useFeeBreakdownModal = ({ fees, totalFee }: Props) => {
             <Divider />
             <Disclaimer>
               This is the maximum estimate—it can be slightly lower upon execution.
-              <br />
+              {/* TODO: Temporarily commented out until fee documentation links are ready */}
+              {/* <br />
               <br />
               Want to know more about fees?
               {' '}
-              <LearnMoreLink>Learn more</LearnMoreLink>
+              <LearnMoreLink>Learn more</LearnMoreLink> */}
             </Disclaimer>
           </Container>
         ),
@@ -155,12 +156,13 @@ const Disclaimer = styled.p`
   color: ${vars('--color-neutral-foreground-2-rest')};
 `;
 
-const LearnMoreLink = styled.span`
-  color: ${vars('--color-brand-foreground-1-rest')};
-  cursor: pointer;
-
-  text-decoration: underline;
-`;
+// TODO: Temporarily commented out until fee documentation links are ready
+// const LearnMoreLink = styled.span`
+//   color: ${vars('--color-brand-foreground-1-rest')};
+//   cursor: pointer;
+//
+//   text-decoration: underline;
+// `;
 
 const VerticalConnector = styled.div`
   height: 11px;