Add interactive animations to cube in hero section

[timsexperiments]

This PR introduces several key enhancements to the Hero component in the timsexperiments app:

1. Skeleton Loading Animation:

   • Added a new Skeleton component to the ui directory for loading placeholders.
   • Integrated Skeleton animations in the Hero component for better visual feedback during loading.

2. PointerControl:

   • Introduced a new PointerControl component to provide a visual pointer interaction.
   • Incorporated PointerControl into the Hero component to enhance user guidance.

3. RubiksCubeControl:

   • Improved the existing RubiksCubeControl with enhanced animations and transitions.

4. Code Refactoring:

   • Refactored cube.ts script for better readability and maintainability.
   • Organized imports and cleaned up unused code.

5. Tailwind Configuration:

   • Added new animation keyframes and transition classes to support new animations.

How to test?

1. Load the Hero component in the timsexperiments application.
2. Observe the Skeleton loading animations during data fetch/load.
3. Interact with the Hero component and verify the new PointerControl and RubiksCubeControl functionalities.
4. Ensure no console errors and animations/transitions work smoothly.

Why make this change?

• To improve user experience through better visual feedback and interactive elements in the Hero component.
• Enhancements in the code for long-term maintainability and readability.

---

[cloudflare-workers-and-pages]

Deploying timsexperiments-foo with    Cloudflare Pages

Latest commit:	c2cd0ac
Status:	✅  Deploy successful!
Preview URL:	https://4d9a2357.timsexperiments-foo.pages.dev
Branch Preview URL:	https://06-11-add-cube-tutorial.timsexperiments-foo.pages.dev

View logs

[timsexperiments]

• Add interactive animations to cube in hero section #30 👈
• main

This stack of pull requests is managed by Graphite. Learn more about stacking.

Join @timsexperiments and the rest of your teammates on Graphite

[github-actions]

Your database schema is up-to-date.

[github-actions]

Your database schema is up-to-date.