update mobile voting screen

frontend/src/app/mobile-voting/page.tsx

@@ -2,7 +2,7 @@
 
 import { Nunito } from "next/font/google";
 import { useState } from "react";
-import Link from "next/link";
+import Image from "next/image";
 
 const nunito = Nunito({
   weight: "900",
@@ -25,11 +25,23 @@ export default function MobileVoting() {
             setVote(0.0);
           }}
         >
-          <img
-            src="https://media.tenor.com/HU0FukwCUH4AAAAm/nono.webp"
-            alt="icon"
-            className="h-full w-full rounded object-contain"
-          />
+          {noHighlight ? (
+            <Image
+              src="/no-cat.webp"
+              alt="icon"
+              className="h-full w-full rounded object-contain"
+              width={200}
+              height={200}
+            />
+          ) : (
+            <Image
+              src="/no-cat-static.gif"
+              alt="icon"
+              className="h-full w-full rounded object-contain grayscale filter"
+              width={200}
+              height={200}
+            />
+          )}
         </button>
 
         <button
@@ -40,11 +52,23 @@ export default function MobileVoting() {
             setVote(1.0);
           }}
         >
-          <img
-            src="https://media.tenor.com/wtv7ADhTUD4AAAAm/dance-happy.webp"
-            alt="icon"
-            className="h-full w-full rounded object-contain"
-          />
+          {yesHighlight ? (
+            <Image
+              src="/yes-cat.webp"
+              alt="icon"
+              className="h-full w-full rounded object-contain"
+              width={200}
+              height={200}
+            />
+          ) : (
+            <Image
+              src="/yes-cat-static2.gif"
+              alt="icon"
+              className="h-full w-full rounded object-contain grayscale filter"
+              width={200}
+              height={200}
+            />
+          )}
         </button>
       </div>
     </main>