MainAspectComponent class

MainAspectComponent - A responsive component adjusting dimensions based on screen size and optional controls.

Features:

• Resizes according to screen width and height, with optional padding and control visibility.
• Provides real-time screen size updates (e.g., isWideScreen, isMediumScreen, isSmallScreen) through callbacks.
• Listens to screen metrics changes for responsive layout updates in real-time.

Example Usage:

MainAspectComponent(
  options: MainAspectComponentOptions(
    backgroundColor: Colors.green,
    children: [Text("Content goes here")],
    showControls: true,
    containerWidthFraction: 0.9,
    containerHeightFraction: 0.8,
    defaultFraction: 0.85,
    updateIsWideScreen: (isWide) => print("Wide screen? $isWide"),
    updateIsMediumScreen: (isMedium) => print("Medium screen? $isMedium"),
    updateIsSmallScreen: (isSmall) => print("Small screen? $isSmall"),
  ),
);