NOTE: Leave column names/row names/a new row and other names as is. Want to keep this nonspecific.Editable entry rows in the left side menu. Make the rows able to be edited in the menu which should update the respective row name in the central data table.Add new row should make the new row in the data table and you should be able to type in a new entry in the left side menu. See screenshot.Row entry box should just reflect how many rows are in the table. If there is 3, then it should say 3. If the user types in 5 then there will be 5 total rows, etc. It does this somewhat but not sure if it is correct.Add jsdoc comments for each added function as well as more comments so I can understand what is going on.1 screenshot shows how it looks now with the basic-example, while another screenshot shows what it should do. The rows should be editable once you hit the add a new row. Once again keep the names as is, as it needs to be unspecific.