Chore: better bootstrap icons (#5403)

src-ui/src/app/components/dashboard/widgets/widget-frame/widget-frame.component.html

@@ -4,9 +4,7 @@
       <div class="d-flex">
         @if (draggable) {
           <div class="ms-n2 me-1" cdkDragHandle>
-            <svg class="sidebaricon text-muted" fill="currentColor">
-              <use xlink:href="assets/bootstrap-icons.svg#grip-vertical"/>
-            </svg>
+            <i-bs name="grip-vertical"></i-bs>
           </div>
         }
         <h6 class="card-title mb-0">{{title}}</h6>

src-ui/src/app/components/dashboard/widgets/widget-frame/widget-frame.component.scss

@@ -1,3 +1,3 @@
-svg {
+i-bs {
     cursor: move;
 }