Change list of semantic descriptors to sortable and filterable tables

[koriym]

Change the list of semantic descriptors to the following table.

ページが読み込まれると、テーブルの行はtypeのルールに基づいてソートされます。ソートの順序は「semantic」,「safe」,「unsafe」,「idempotent」となります。同じtype値を持つ行の中では、idの文字列に基づいて二次ソートされます。
typeの列の特定の値（例：semanticやsafe）がクリックされると、該当するtypeの行のみが表示されます。
<th>type</th>ヘッダーがクリックされると、全ての行が再表示されます。
<th>id</th>ヘッダーがクリックされると、行はidの文字列に基づいてソートされます。

1. Behavior on page load:.

• Table rows are sorted based on the type column. The sort order is "semantic", "safe", "unsafe", and "idempotent".
• If the values of type are the same, sorting is done by the string in the id column.

2. Click on a value in the type column

• If you click on a specific type value (e.g., "semantic"), the table will show only rows matching that type value.

3. Click on the header <th>type</th>

• All rows of the table will be displayed, returning to the sort order based on the initial type column.

5. Click on the header <th>id</th>

• The rows of the table are sorted alphabetically based on the string in the id column.

https://github.com/alps-asd/app-state-diagram/assets/529021/f9b99bad-5606-456a-86ff-85ecbc0de4ec