fix: optional chain & duplicate imports code smells

Author: kemuru

web/src/pages/Cases/CaseDetails/Evidence/SubmitEvidenceModal.tsx

@@ -3,11 +3,10 @@ import styled from "styled-components";
 import { toast } from "react-toastify";
 import Modal from "react-modal";
 import { Textarea, Button } from "@kleros/ui-components-library";
-import { getDisputeKitClassic } from "hooks/contracts/generated";
 import { wrapWithToast, OPTIONS as toastOptions } from "utils/wrapWithToast";
 import { uploadFormDataToIPFS } from "utils/uploadFormDataToIPFS";
 import { useWalletClient, usePublicClient } from "wagmi";
-import { disputeKitClassicABI, disputeKitClassicAddress } from "hooks/contracts/generated";
+import { getDisputeKitClassic, disputeKitClassicABI, disputeKitClassicAddress } from "hooks/contracts/generated";
 
 const SubmitEvidenceModal: React.FC<{
   isOpen: boolean;

web/src/pages/Cases/CaseDetails/Voting/Binary.tsx

@@ -2,11 +2,11 @@ import React, { useMemo, useState } from "react";
 import styled from "styled-components";
 import { useParams } from "react-router-dom";
 import { Button, Textarea } from "@kleros/ui-components-library";
-import { getDisputeKitClassic } from "hooks/contracts/generated";
 import { useGetMetaEvidence } from "queries/useGetMetaEvidence";
 import { wrapWithToast } from "utils/wrapWithToast";
 import { useWalletClient, usePublicClient } from "wagmi";
-import { disputeKitClassicABI, disputeKitClassicAddress } from "hooks/contracts/generated";
+import { getDisputeKitClassic, disputeKitClassicABI, disputeKitClassicAddress } from "hooks/contracts/generated";
+
 const Binary: React.FC<{ arbitrable?: string; voteIDs: string[] }> = ({ arbitrable, voteIDs }) => {
   const { id } = useParams();
   const parsedDisputeID = BigInt(id!);

web/src/pages/Courts/CourtDetails/StakePanel/InputDisplay.tsx

@@ -28,7 +28,7 @@ const InputDisplay: React.FC<IInputDisplay> = ({ action, isSending, setIsSending
   const { data: balance } = usePNKBalance(address);
   const parsedBalance = formatEther(balance!);
   const { data: jurorBalance } = useJurorBalance(address, id);
-  const parsedStake = formatEther((jurorBalance && jurorBalance[0]) || BigInt(0));
+  const parsedStake = formatEther(jurorBalance?.[0] || BigInt(0));
   const isStaking = action === ActionType.stake;
 
   return (