fix: voice credits counter

src/features/ballot/components/BallotOverview.tsx

@@ -91,7 +91,7 @@ const SubmitBallotButton = ({ disabled = false }: ISubmitBallotButtonProps): JSX
     error: {
       title: "Error submitting vote",
       instructions: (
-        <Alert title={(submit.error as { message?: string }).message} variant="warning">
+        <Alert title={submit.error ? (submit.error as { message?: string }).message : ""} variant="warning">
           There was an error submitting the vote.
         </Alert>
       ),

src/features/projects/components/AddToBallot.tsx

@@ -64,7 +64,7 @@ const ProjectAllocation = ({
               "text-primary-500": exceededProjectTokens,
             })}
           >
-            {formatNumber(total - amount)}
+            {formatNumber(initialVoiceCredits - total)}
           </span>
 
           <span className="text-gray-600 dark:text-gray-400">/</span>

src/pages/ballot/index.tsx

@@ -9,6 +9,7 @@ import { Dialog } from "~/components/ui/Dialog";
 import { Form } from "~/components/ui/Form";
 import { config } from "~/config";
 import { useBallot } from "~/contexts/Ballot";
+import { useMaci } from "~/contexts/Maci";
 import { AllocationFormWrapper } from "~/features/ballot/components/AllocationList";
 import { BallotSchema, type Vote } from "~/features/ballot/types";
 import { LayoutWithBallot } from "~/layouts/DefaultLayout";
@@ -79,11 +80,12 @@ const EmptyBallot = () => (
 
 const TotalAllocation = () => {
   const { sumBallot } = useBallot();
+  const { initialVoiceCredits } = useMaci();
   const form = useFormContext<{ votes: Vote[] }>();
   const votes = form.watch("votes");
   const sum = sumBallot(votes);
 
-  return <div>{`${formatNumber(sum)} ${config.tokenName}`}</div>;
+  return <div>{`${formatNumber(sum)} / ${initialVoiceCredits} ${config.tokenName}`}</div>;
 };
 
 const BallotAllocationForm = () => {