feat: add binary animation

src/components/binary.tsx

@@ -0,0 +1,17 @@
+import { useState, useEffect } from 'react';
+
+import { generateRandomBinaryString } from '@/helpers/binary';
+
+export function Binary() {
+  const [binary, setBinary] = useState('');
+
+  useEffect(() => {
+    setBinary(generateRandomBinaryString(1000));
+
+    setInterval(() => {
+      setBinary(generateRandomBinaryString(1000));
+    }, 200);
+  }, []);
+
+  return <span>{binary}</span>;
+}

src/components/source.astro

@@ -3,10 +3,7 @@ import { FaGithub } from 'react-icons/fa/index';
 
 import { SpecialButton } from './special-button';
 import { Container } from './container';
-
+import { Binary } from './binary';
-import { generateRandomBinaryString } from '@/helpers/binary';
-
-const binary = generateRandomBinaryString(1000);
 ---
 
 <div class="source">
@@ -28,7 +25,7 @@ const binary = generateRandomBinaryString(1000);
         </SpecialButton>
       </div>
 
-      <div class="binary">{binary}</div>
+      <div class="binary"><Binary client:load /></div>
     </div>
   </Container>
 </div>