Add Mobile / Responsive UI Support

[Z-xus]

Environment:

• React + TypeScript
• PNPM-managed project
• DFA visualization and editor component

Description:
The current UI is not optimized for mobile or small screens. Users should be able to interact with the DFA editor and visualization seamlessly on different screen sizes.

Expected Behavior:

• Layout adapts to various screen sizes, including tablets and smartphones.
• Graph visualization and editor remain usable and readable on smaller screens.
• Buttons, inputs, and interactive elements remain accessible without horizontal scrolling.

Acceptance Criteria:

• Graph container resizes dynamically based on screen width.
• Nodes and labels remain readable on mobile.
• UI components (buttons, forms, menus) are touch-friendly and do not overlap.
• Responsive behavior verified on common screen resolutions.

Additional Notes:

• Consider using CSS flex/grid, media queries, or a responsive UI library (e.g., Tailwind, MUI).
• Ensure performance remains smooth on mobile devices.

[Saurabhsingh0419]

Hey i would like to work on this issue as it is under my domain so please assign it to me

[Dark-Kernel]

Hey i would like to work on this issue as it is under my domain so please assign it to me

Sure.

[Saurabhsingh0419]

hey you can check pull request its done