Apply table pattern UI in Group IP Restriction

Everyone can contribute. Help move this issue forward while earning points, leveling up and collecting rewards.

• Close this issue

Our goal is to get the Group IP Restriction feature to a UI like this:

This table pattern is similar to the Badges feature in groups. The above image is just a mock, and we can iterate on this.

The changes planned are:

1. Make UI changes such that instead of the current comma separated input of subnets, users can add one subnet at a time.
2. List of all existing subnets is shown in tabular format.
3. Option to edit each subnet individually.
4. Option to delete a subnet individually.
5. Add an optional "Comment" field for each subnet, so that it becomes easier to identify each subnet.

BE changes required:

1. Add migration for including 'comment' column in ip_restrictions table.

2. APIs:

   2.1: For create, update, destroy.

   2.2: Nested at the group level.

   2.3: params: range & comment

FE changes required:

TBD