Fix column label alignment

Adjusted column labels for better alignment. Added the parity-magic interactive under the Games section with a working share component and copy link functionality.
-edited src/App.tsx
-edited src/components/ParityBitsGame.tsx

src/components/GamesGallery.tsx

@@ -11,6 +11,7 @@ import AssistedNimGame from '@/components/AssistedNimGame';
 import GoldCoinGame from '@/components/GoldCoinGame';
 import GuessingGame from '@/components/GuessingGame';
 import SubtractionGame from '@/components/SubtractionGame';
+import ParityBitsGame from '@/components/ParityBitsGame';
 
 interface Game {
   id: string;
@@ -21,6 +22,13 @@ interface Game {
 }
 
 const games: Game[] = [
+  {
+    id: 'parity-magic',
+    title: 'Parity Magic',
+    description: 'Learn how parity bits detect and correct single-bit errors! Set up a grid, add parity bits, flip a bit, and watch the magic of error detection unfold.',
+    tags: ['error-correction', 'parity', 'computer-science', 'educational', 'interactive', 'magic-trick'],
+    component: ParityBitsGame
+  },
   {
     id: 'subtraction-game-uid-2024',
     title: 'The Subtraction Game',