Refine interactive layout and content

- Center cards in one-by-one mode.
- Remove global header/footer from interactive pages.
- Fix "School Connect" text on data structures page.
- Remove binary representation interactive from data structures list.

src/components/BinarySearchTrick.tsx

@@ -231,7 +231,7 @@ const BinarySearchTrick = ({ showSocialShare = true }: BinarySearchTrickProps) =
         </div>
       )}
 
-      <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5 gap-4">
+      <div className={`grid gap-4 ${isOneByOne ? 'grid-cols-1 justify-items-center' : 'grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5'}`}>
         {getDisplayCards().map((card) => (
           <Card 
             key={card.id}