نمایش ساختار درختی در asp.net core 8 razor pages و bootstrap 5.3.3

باسلام.

یک پروژه در Asp.Net Core 8 با استفاده از Razor pages ایجاد کردم و لایوت آن رو با فریمورک Bootstrap 5.3.3 طراحی کردم.

حال میخواهم کلاس TreeViewCategory به صورت ساختار درختی نمایش داده شود به طوریکه موارد زیر رعایت شود.
1. بتوان یک یا چند پدر یا فرزند را انتخاب کرد.
2.بتوان موارد انتخاب شده را ذخیره کرد.
3.موارد انتخاب شده ای که قبلا ذخیره شده باید در دفعه بعد به صورت انتخاب شده نمایش داده شوند.

کلاس TreeViewCategory 

public class TreeViewCategory
{
public int id { get; set; }
public string text { get; set; }
public int? parentId { get; set; }
public bool selected { get; set; }
}

کلاس DbContext 

using Microsoft.EntityFrameworkCore;

public class AppDbContext : DbContext
{
public AppDbContext(DbContextOptions<AppDbContext> options) : base(options) { }

public DbSet<Category> Categories { get; set; }
}