fix: fixate the binary pattern

src/components/binary.astro

@@ -0,0 +1,7 @@
+---
+import { generateRandomBinaryString } from '@/helpers/binary';
+
+const binary = generateRandomBinaryString(1000);
+---
+
+<span>{binary}</span>

src/components/binary.tsx

@@ -1,17 +0,0 @@
-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,7 +3,7 @@ import { FaGithub } from 'react-icons/fa/index';
 
 import { SpecialButton } from './special-button';
 import { Container } from './container';
-import { Binary } from './binary';
+import Binary from './binary.astro';
 ---
 
 <div class="source">
@@ -25,7 +25,7 @@ import { Binary } from './binary';
         </SpecialButton>
       </div>
 
-      <div class="binary"><Binary client:load /></div>
+      <div class="binary"><Binary /></div>
     </div>
   </Container>
 </div>