Fix StreakCounter animation, PeriodicTable image, and add Feature Comparison matrix

src/components/CBT/PeriodicTable.tsx

@@ -25,13 +25,10 @@ export function PeriodicTable({ isOpen, onClose }: PeriodicTableProps) {
         </div>
         <div className="flex-1 bg-white p-4 flex items-center justify-center overflow-auto">
           <div className="relative min-w-[1000px] w-full h-full flex items-center justify-center">
-             <Image 
-                src="https://sciencenotes.org/wp-content/uploads/2021/01/PeriodicTable2021-Color.png"
+             <img 
+                src="https://upload.wikimedia.org/wikipedia/commons/thumb/4/4d/Periodic_table_large.svg/1920px-Periodic_table_large.svg.png"
                 alt="Periodic Table"
-                width={1920}
-                height={1080}
-                className="object-contain w-full h-full"
-                unoptimized
+                className="object-contain w-full h-full max-h-[90vh]"
              />
           </div>
         </div>