hotfix(dataset): improve dataset classification UI and data handling

- Updated the Dataset and Submitter Category Vue components to enhance the UI for library classification. The collection names and numbers are now displayed with distinct styling using `span` elements with specific classes for better readability.
- Modified the DatasetController and Editor/DatasetController to filter collection roles by 'ddc' and 'ccs' names when preloading collections, improving data retrieval efficiency.
- Added `left_id` and `right_id` columns to the `collections` table in the `dataset_7_collections.ts` migration file.
- Added a migration to reorder the collection_roles table.

app/Controllers/Http/Editor/DatasetController.ts

@@ -936,6 +936,7 @@ export default class DatasetsController {
         }
 
         const collectionRoles = await CollectionRole.query()
+            .whereIn('name', ['ddc', 'ccs'])
             .preload('collections', (coll: Collection) => {
                 // preloa only top level collection with noparent_id
                 coll.whereNull('parent_id').orderBy('number', 'asc');

app/Controllers/Http/Submitter/DatasetController.ts

@@ -1500,6 +1500,7 @@ export default class DatasetController {
         }
 
         const collectionRoles = await CollectionRole.query()
+            .whereIn('name', ['ddc', 'ccs'])
             .preload('collections', (coll: Collection) => {
                 // preloa only top level collection with noparent_id
                 coll.whereNull('parent_id').orderBy('number', 'asc');