Fix Hydration Mismatch in OrbVisualizer Component (Closes #111)

[vedhapprakashni]

Description
This PR fixes a critical hydration mismatch issue in the
OrbVisualizer
component caused by Math.random() calls during render.

Problem
The previous implementation used Math.random() directly in the render logic to generate particle positions and animation durations. This caused the server-rendered HTML to differ from the client-initial render, leading to Next.js hydration errors and broken animations.

Solution
Moved all random number generation into a useEffect hook to ensure it only runs on the client after mount.
Used state to store the generated random values.
Updated the component to render based on the state values.
Testing
Verify that the console no longer shows hydration mismatch warnings.
Confirm that the OrbVisualizer animation plays correctly after page load.

[vercel]

@vedhapprakashni is attempting to deploy a commit to the Nitya Gosain's projects Team on Vercel.

A member of the Team first needs to authorize it.