[Feature]: Add the ability to categorize servers

[ItsLeon15]

Describe the feature you would like to see

It would be nice to be able to categorize different servers as at the moment I have to rename servers based on their category like "Category 1 - VPS Panel" or "Category 2 - Main Website" which takes up a lot of space in the table. Having it laid out in their own sections would eliminate this issue. This is probably a really niche issue but I'm sure other people will also agree having this would be a nice qol feature.

Describe how you would like to see this feature implemented

New design example

[Glitch3dPenguin]

Some node organization would be fantastic! I love this feature idea!

[ItsLeon15]

Here's a very basic example of what the settings page for Categories could look like, obviously with the ability to edit the names/order/delete the different categories. Was thinking of a dropdown list but wanted to use existing UI elements.

Edit: Just realized the "Webhook / Push notifications" section has elements that also go well with the example image below.

[henrygd]

This is a duplicate of #87 but we don't have to close it.

I appreciate that you've thought this through and posted examples. As I said in the issue above, I've been struggling to come up with the best way to implement this.

This is a good option. In a layout like this I'd like to avoid the duplication of the subheading, so maybe each category could have its own short description to put there.

This could also work alongside tags. The layout would be based on category but you could search through all systems by tag.

If anyone has opinions, let me know.

[delta-whiplash]

1. Category-Based Grouping

• Collapsible Sections:
  Each category is displayed as a collapsible section with a title and an optional description to provide context (e.g., "Critical Systems," "Testing Environment").
• Compact Design:
  Collapsible sections help reduce visual clutter, especially for users managing a large number of categories.
• Dynamic Grouping:
  Servers can be easily assigned to categories, and the layout dynamically updates to reflect any changes.

2. Settings for Category Management

• Create, Edit, and Delete Categories:
  Users can add new categories, rename existing ones, edit descriptions, and delete unused categories through a simple and intuitive interface.
• Drag-and-Drop Functionality:
  Enable drag-and-drop functionality for assigning servers to categories or reordering servers within a category for improved organization.
• Enable/Disable Feature:
  Provide a global toggle to enable or disable the category functionality, allowing users who don’t need it to turn it off.

3. Server Management within Categories

• Add Servers:
  Include a streamlined process for adding servers to a category, such as a dropdown menu or a search-and-select interface.
• Reordering Servers:
  Allow users to reorder servers within a category, ensuring critical systems are displayed at the top.
• Tagging and Filtering:
  Introduce tags for servers (e.g., “Database,” “Frontend”) to enable cross-category searching for specific types of systems.

4. Advanced Search and Filtering

• Global Search Bar:
  Implement a global search bar or filter option to enable users to search servers across all categories by name, tag, or performance metrics (e.g., CPU usage).
• Performance Filters:
  Provide filters (e.g., “Show only servers above 80% memory usage”) that work alongside the categories for targeted monitoring.

Example User Workflow

1. Initial Setup:
   The user enables the category feature and defines categories such as “Production” and “Development” on the settings page. Descriptions can be added to clarify the purpose of each category.

2. Assign Servers:
   Using a dropdown menu or drag-and-drop interface, the user assigns servers to the appropriate categories.

3. Day-to-Day Usage:
   On the main monitoring page, servers are grouped under their respective categories. The user can collapse categories they aren’t actively monitoring or expand them to view detailed information.

4. Search & Filter:
   The user can search for a specific server across all categories or filter servers by performance metrics for targeted analysis.