Add Ternary Search Magic Trick interactive and fix layout issues

- Create new Ternary Search Magic Trick interactive with ternary search logic
- Add emoji buttons and 'not present' option for better UX
- Implement 'How it Works' modal with embedded YouTube video
- Fix layout margins when accessing interactives from theme pages
- Add standalone and green screen pages for the new interactive
- Update Data Structures theme to include the new interactive

src/components/InteractiveIndex.tsx

@@ -45,6 +45,15 @@ const allInteractives: Interactive[] = [
     path: '/game-of-sim',
     theme: 'Games',
     dateAdded: '2024-03-10'
+  },
+  {
+    id: 'ternary-search-trick',
+    title: 'Ternary Search Magic Trick',
+    description: 'Experience the magic of ternary search! Think of a number and watch as the cards reveal it through mathematical calculations.',
+    tags: ['ternary', 'magic', 'numbers', 'trick', 'data-structures', 'search'],
+    path: '/ternary-search-trick',
+    theme: 'Data Structures',
+    dateAdded: '2024-07-20'
   }
 ];