Add vibe typer link in controls footer

Author: gkamradt

src/components/ControlsPanel/ControlsPanel.tsx

@@ -127,15 +127,22 @@ export function ControlsPanel({
               >
                 Greg Kamradt
               </a>
-              {' '}• 
-              <a 
-                href="https://github.com/gkamradt/MultiTerminalCodeViz" 
-                target="_blank" 
+              {' '}•
+              <a
+                href="https://github.com/gkamradt/MultiTerminalCodeViz"
+                target="_blank"
                 rel="noopener noreferrer"
                 className="text-blue-400 hover:text-blue-300 transition-colors underline"
               >
                 Code
               </a>
+              {' '}•
+              <a
+                href="/typer"
+                className="text-blue-400 hover:text-blue-300 transition-colors underline"
+              >
+                use the vibe typer
+              </a>
             </p>
           </div>
         </div>

src/components/ControlsPanel/__tests__/ControlsPanel.test.tsx

@@ -32,6 +32,7 @@ describe('ControlsPanel', () => {
     expect(screen.getByText('Arrange')).toBeInTheDocument();
     expect(screen.getByText(/Theme:/)).toBeInTheDocument();
     expect(screen.getByText(/Made with ❤️ by/)).toBeInTheDocument();
+    expect(screen.getByRole('link', { name: /use the vibe typer/i })).toBeInTheDocument();
   });
 
   it('should call onTerminalCountChange when + button is clicked', () => {