feat: Enhance User Authentication and Socket Management

- Added IDs to buttons in UserAuth for better accessibility.
- Improved socket management in Zustand store, ensuring proper connection handling.
- Introduced new Compare functionality with a dedicated popup for version comparison.
- Updated footer styles for fixed positioning and improved responsiveness.
- Redesigned controls player UI for better user experience and added walk mode toggle.
- Refactored styles for real-time visualization and compare layout for consistency.

app/src/modules/visualization/widgets/panel/AddButtons.tsx

@@ -268,6 +268,7 @@ const AddButtons: React.FC<ButtonsProps> = ({
             {/* "+" Button */}
 
             <button
+              id="panel-add-button"
               className={`side-button ${side}${
                 selectedZone.activeSides.includes(side) ? " active" : ""
               }`}