feat: enhance CSS and components for Telegram Mini App performance

- Updated CSS to utilize viewport variables for safe area insets and stable height, improving layout consistency across devices.
- Introduced haptic feedback triggers in various components to enhance user interaction, mimicking native Telegram behavior.
- Added functionality to detect Android performance class, minimizing animations on low-performance devices for better user experience.
- Refactored components to incorporate new CSS classes for content safety and improved responsiveness.

webapp-next/src/hooks/use-telegram-theme.test.ts

@@ -16,6 +16,7 @@ vi.mock("@telegram-apps/sdk-react", () => ({
   isThemeParamsDark: vi.fn(),
   setMiniAppBackgroundColor: { isAvailable: vi.fn(() => false) },
   setMiniAppHeaderColor: { isAvailable: vi.fn(() => false) },
+  setMiniAppBottomBarColor: { isAvailable: vi.fn(() => false) },
 }));
 
 describe("getFallbackScheme", () => {