Description:

While inspecting the application locally, I discovered two UI/UX issues:

1. Responsive Layout Issue:

• Issue: The "Access Policy Language" section does not display properly on smaller screens. The content, especially the action table, gets cut off and does not scale well. The layout should be optimized for various screen sizes to ensure the readability and accessibility of the policy descriptions.

• Steps to Reproduce:

  1. Open the app on a mobile device or resize the browser window to simulate a smaller screen.
  2. Navigate to the "Access Policy Language" section.
  3. Notice that the table and text are not responsive, and content may be clipped or hard to read.

• Expected Behavior: The content should resize properly, and the table should remain readable on smaller screens.

2. Misaligned Popup on "Create New Subnet" Dropdown:

• Issue: When selecting the "Create New Subnet" dropdown, the popup appears at the far end of the screen instead of near the dropdown button. This misalignment affects user experience, as the popup should appear adjacent to the button for better usability.

• Steps to Reproduce:

  1. Navigate to the "Create New Subnet" page.
  2. Click on the "Create New Subnet" dropdown.
  3. Observe that the popup appears at an unexpected position.

• Expected Behavior: The popup should appear next to the dropdown button, maintaining context for the user.

Contribution Guidelines:

Additionally, I noticed that the project currently lacks contribution guidelines. I recommend adding a CONTRIBUTING.md file to assist new contributors. It could include:

• Instructions for setting up the project locally.
• Coding style guidelines and conventions.
• Steps for submitting issues and pull requests.
• Expectations regarding testing and documentation.

Providing this documentation will help streamline the contribution process and foster collaboration in the project.

Let me know if I can assist further in implementing any of these changes or drafting the CONTRIBUTING.md file!