diff --git a/src/features/__snapshots__/extension-special-characters-in-page-registrations.test.tsx.snap b/src/features/__snapshots__/extension-special-characters-in-page-registrations.test.tsx.snap
index 9046b189a9..c520be7f58 100644
--- a/src/features/__snapshots__/extension-special-characters-in-page-registrations.test.tsx.snap
+++ b/src/features/__snapshots__/extension-special-characters-in-page-registrations.test.tsx.snap
@@ -164,7 +164,23 @@ exports[`extension special characters in page registrations renders 1`] = `
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="0"
-        />
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="1"
@@ -231,7 +247,7 @@ exports[`extension special characters in page registrations renders 1`] = `
             class="badge Badge small clickable"
             id="hotbarIndex"
           >
-            0
+            1
           </div>
         </div>
         <i
@@ -352,7 +368,23 @@ exports[`extension special characters in page registrations when navigating to r
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="0"
-        />
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="1"
@@ -419,7 +451,7 @@ exports[`extension special characters in page registrations when navigating to r
             class="badge Badge small clickable"
             id="hotbarIndex"
           >
-            0
+            1
           </div>
         </div>
         <i
diff --git a/src/features/__snapshots__/navigate-to-extension-page.test.tsx.snap b/src/features/__snapshots__/navigate-to-extension-page.test.tsx.snap
index cb830f1a10..1879fa2faa 100644
--- a/src/features/__snapshots__/navigate-to-extension-page.test.tsx.snap
+++ b/src/features/__snapshots__/navigate-to-extension-page.test.tsx.snap
@@ -164,7 +164,23 @@ exports[`navigate to extension page renders 1`] = `
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="0"
-        />
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="1"
@@ -231,7 +247,7 @@ exports[`navigate to extension page renders 1`] = `
             class="badge Badge small clickable"
             id="hotbarIndex"
           >
-            0
+            1
           </div>
         </div>
         <i
@@ -352,7 +368,23 @@ exports[`navigate to extension page when extension navigates to child route rend
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="0"
-        />
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="1"
@@ -419,7 +451,7 @@ exports[`navigate to extension page when extension navigates to child route rend
             class="badge Badge small clickable"
             id="hotbarIndex"
           >
-            0
+            1
           </div>
         </div>
         <i
@@ -556,7 +588,23 @@ exports[`navigate to extension page when extension navigates to route with param
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="0"
-        />
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="1"
@@ -623,7 +671,7 @@ exports[`navigate to extension page when extension navigates to route with param
             class="badge Badge small clickable"
             id="hotbarIndex"
           >
-            0
+            1
           </div>
         </div>
         <i
@@ -760,7 +808,23 @@ exports[`navigate to extension page when extension navigates to route without pa
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="0"
-        />
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="1"
@@ -827,7 +891,7 @@ exports[`navigate to extension page when extension navigates to route without pa
             class="badge Badge small clickable"
             id="hotbarIndex"
           >
-            0
+            1
           </div>
         </div>
         <i
@@ -964,7 +1028,23 @@ exports[`navigate to extension page when extension navigates to route without pa
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="0"
-        />
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="1"
@@ -1031,7 +1111,7 @@ exports[`navigate to extension page when extension navigates to route without pa
             class="badge Badge small clickable"
             id="hotbarIndex"
           >
-            0
+            1
           </div>
         </div>
         <i
diff --git a/src/features/__snapshots__/navigating-between-routes.test.tsx.snap b/src/features/__snapshots__/navigating-between-routes.test.tsx.snap
index cc6b1fa395..98b22c8ec3 100644
--- a/src/features/__snapshots__/navigating-between-routes.test.tsx.snap
+++ b/src/features/__snapshots__/navigating-between-routes.test.tsx.snap
@@ -88,7 +88,23 @@ exports[`navigating between routes given route with optional path parameters whe
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="0"
-        />
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="1"
@@ -155,7 +171,7 @@ exports[`navigating between routes given route with optional path parameters whe
             class="badge Badge small clickable"
             id="hotbarIndex"
           >
-            0
+            1
           </div>
         </div>
         <i
@@ -276,7 +292,23 @@ exports[`navigating between routes given route without path parameters when navi
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="0"
-        />
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="1"
@@ -343,7 +375,7 @@ exports[`navigating between routes given route without path parameters when navi
             class="badge Badge small clickable"
             id="hotbarIndex"
           >
-            0
+            1
           </div>
         </div>
         <i
diff --git a/src/features/add-cluster/__snapshots__/navigation-using-application-menu.test.tsx.snap b/src/features/add-cluster/__snapshots__/navigation-using-application-menu.test.tsx.snap
index 110c9d7f07..5a450377d0 100644
--- a/src/features/add-cluster/__snapshots__/navigation-using-application-menu.test.tsx.snap
+++ b/src/features/add-cluster/__snapshots__/navigation-using-application-menu.test.tsx.snap
@@ -164,7 +164,23 @@ exports[`add-cluster - navigation using application menu renders 1`] = `
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="0"
-        />
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="1"
@@ -231,7 +247,7 @@ exports[`add-cluster - navigation using application menu renders 1`] = `
             class="badge Badge small clickable"
             id="hotbarIndex"
           >
-            0
+            1
           </div>
         </div>
         <i
@@ -436,7 +452,23 @@ exports[`add-cluster - navigation using application menu when navigating to add
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="0"
-        />
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="1"
@@ -503,7 +535,7 @@ exports[`add-cluster - navigation using application menu when navigating to add
             class="badge Badge small clickable"
             id="hotbarIndex"
           >
-            0
+            1
           </div>
         </div>
         <i
diff --git a/src/features/application-update/__snapshots__/installing-update.test.ts.snap b/src/features/application-update/__snapshots__/installing-update.test.ts.snap
index deae3b999d..20df788ab7 100644
--- a/src/features/application-update/__snapshots__/installing-update.test.ts.snap
+++ b/src/features/application-update/__snapshots__/installing-update.test.ts.snap
@@ -165,7 +165,23 @@ exports[`installing update when started renders 1`] = `
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -232,7 +248,7 @@ exports[`installing update when started renders 1`] = `
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
@@ -434,7 +450,23 @@ exports[`installing update when started when user checks for updates renders 1`]
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -501,7 +533,7 @@ exports[`installing update when started when user checks for updates renders 1`]
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
@@ -703,7 +735,23 @@ exports[`installing update when started when user checks for updates when new up
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -770,7 +818,7 @@ exports[`installing update when started when user checks for updates when new up
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
@@ -997,7 +1045,23 @@ exports[`installing update when started when user checks for updates when new up
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -1064,7 +1128,7 @@ exports[`installing update when started when user checks for updates when new up
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
@@ -1291,7 +1355,23 @@ exports[`installing update when started when user checks for updates when new up
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -1358,7 +1438,7 @@ exports[`installing update when started when user checks for updates when new up
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
@@ -1560,7 +1640,23 @@ exports[`installing update when started when user checks for updates when no new
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -1627,7 +1723,7 @@ exports[`installing update when started when user checks for updates when no new
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
diff --git a/src/features/application-update/child-features/application-update-using-top-bar/__snapshots__/installing-update-using-topbar-button.test.tsx.snap b/src/features/application-update/child-features/application-update-using-top-bar/__snapshots__/installing-update-using-topbar-button.test.tsx.snap
index 70b6c08648..40327c9ffd 100644
--- a/src/features/application-update/child-features/application-update-using-top-bar/__snapshots__/installing-update-using-topbar-button.test.tsx.snap
+++ b/src/features/application-update/child-features/application-update-using-top-bar/__snapshots__/installing-update-using-topbar-button.test.tsx.snap
@@ -190,7 +190,23 @@ exports[`encourage user to update when sufficient time passed since update was d
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -257,7 +273,7 @@ exports[`encourage user to update when sufficient time passed since update was d
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
@@ -459,7 +475,23 @@ exports[`encourage user to update when sufficient time passed since update was d
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -526,7 +558,7 @@ exports[`encourage user to update when sufficient time passed since update was d
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
diff --git a/src/features/application-update/child-features/application-update-using-tray/__snapshots__/installing-update-using-tray.test.ts.snap b/src/features/application-update/child-features/application-update-using-tray/__snapshots__/installing-update-using-tray.test.ts.snap
index adfb7eaf5c..481bf36af9 100644
--- a/src/features/application-update/child-features/application-update-using-tray/__snapshots__/installing-update-using-tray.test.ts.snap
+++ b/src/features/application-update/child-features/application-update-using-tray/__snapshots__/installing-update-using-tray.test.ts.snap
@@ -165,7 +165,23 @@ exports[`installing update using tray when started renders 1`] = `
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -232,7 +248,7 @@ exports[`installing update using tray when started renders 1`] = `
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
@@ -434,7 +450,23 @@ exports[`installing update using tray when started when user checks for updates
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -501,7 +533,7 @@ exports[`installing update using tray when started when user checks for updates
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
@@ -703,7 +735,23 @@ exports[`installing update using tray when started when user checks for updates
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -770,7 +818,7 @@ exports[`installing update using tray when started when user checks for updates
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
@@ -997,7 +1045,23 @@ exports[`installing update using tray when started when user checks for updates
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -1064,7 +1128,7 @@ exports[`installing update using tray when started when user checks for updates
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
@@ -1291,7 +1355,23 @@ exports[`installing update using tray when started when user checks for updates
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -1358,7 +1438,7 @@ exports[`installing update using tray when started when user checks for updates
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
@@ -1560,7 +1640,23 @@ exports[`installing update using tray when started when user checks for updates
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -1627,7 +1723,7 @@ exports[`installing update using tray when started when user checks for updates
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
diff --git a/src/features/application-update/child-features/force-user-to-update-when-too-long-time-since-update-was-downloaded/__snapshots__/force-user-to-update-when-too-long-time-since-update-was-downloaded.test.ts.snap b/src/features/application-update/child-features/force-user-to-update-when-too-long-time-since-update-was-downloaded/__snapshots__/force-user-to-update-when-too-long-time-since-update-was-downloaded.test.ts.snap
index 601d4d74b6..335360d334 100644
--- a/src/features/application-update/child-features/force-user-to-update-when-too-long-time-since-update-was-downloaded/__snapshots__/force-user-to-update-when-too-long-time-since-update-was-downloaded.test.ts.snap
+++ b/src/features/application-update/child-features/force-user-to-update-when-too-long-time-since-update-was-downloaded/__snapshots__/force-user-to-update-when-too-long-time-since-update-was-downloaded.test.ts.snap
@@ -190,7 +190,23 @@ exports[`force user to update when too long since update was downloaded when app
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -257,7 +273,7 @@ exports[`force user to update when too long since update was downloaded when app
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
@@ -484,7 +500,23 @@ exports[`force user to update when too long since update was downloaded when app
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -551,7 +583,7 @@ exports[`force user to update when too long since update was downloaded when app
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
@@ -825,7 +857,23 @@ exports[`force user to update when too long since update was downloaded when app
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -892,7 +940,7 @@ exports[`force user to update when too long since update was downloaded when app
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
diff --git a/src/features/application-update/child-features/periodical-checking-of-updates/__snapshots__/periodical-checking-of-updates.test.ts.snap b/src/features/application-update/child-features/periodical-checking-of-updates/__snapshots__/periodical-checking-of-updates.test.ts.snap
index 02f530b637..13fa217e33 100644
--- a/src/features/application-update/child-features/periodical-checking-of-updates/__snapshots__/periodical-checking-of-updates.test.ts.snap
+++ b/src/features/application-update/child-features/periodical-checking-of-updates/__snapshots__/periodical-checking-of-updates.test.ts.snap
@@ -165,7 +165,23 @@ exports[`periodical checking of updates given updater is enabled and configurati
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -232,7 +248,7 @@ exports[`periodical checking of updates given updater is enabled and configurati
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
diff --git a/src/features/application-update/child-features/selection-of-update-stability/__snapshots__/selection-of-update-stability.test.ts.snap b/src/features/application-update/child-features/selection-of-update-stability/__snapshots__/selection-of-update-stability.test.ts.snap
index bf6bf4674e..de277ddc97 100644
--- a/src/features/application-update/child-features/selection-of-update-stability/__snapshots__/selection-of-update-stability.test.ts.snap
+++ b/src/features/application-update/child-features/selection-of-update-stability/__snapshots__/selection-of-update-stability.test.ts.snap
@@ -165,7 +165,23 @@ exports[`selection of update stability when started renders 1`] = `
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -232,7 +248,7 @@ exports[`selection of update stability when started renders 1`] = `
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
diff --git a/src/features/catalog/__snapshots__/opening-entity-details.test.tsx.snap b/src/features/catalog/__snapshots__/opening-entity-details.test.tsx.snap
index 56c4a912e4..f459bdca0a 100644
--- a/src/features/catalog/__snapshots__/opening-entity-details.test.tsx.snap
+++ b/src/features/catalog/__snapshots__/opening-entity-details.test.tsx.snap
@@ -165,7 +165,23 @@ exports[`opening catalog entity details panel renders 1`] = `
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -232,7 +248,7 @@ exports[`opening catalog entity details panel renders 1`] = `
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
@@ -970,7 +986,23 @@ exports[`opening catalog entity details panel when navigated to the catalog rend
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -1037,7 +1069,7 @@ exports[`opening catalog entity details panel when navigated to the catalog rend
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
@@ -1775,7 +1807,23 @@ exports[`opening catalog entity details panel when navigated to the catalog when
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -1842,7 +1890,7 @@ exports[`opening catalog entity details panel when navigated to the catalog when
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
@@ -2612,7 +2660,23 @@ exports[`opening catalog entity details panel when navigated to the catalog when
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -2679,7 +2743,7 @@ exports[`opening catalog entity details panel when navigated to the catalog when
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
@@ -3449,7 +3513,23 @@ exports[`opening catalog entity details panel when navigated to the catalog when
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -3516,7 +3596,7 @@ exports[`opening catalog entity details panel when navigated to the catalog when
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
@@ -4551,7 +4631,23 @@ exports[`opening catalog entity details panel when navigated to the catalog when
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -4618,7 +4714,7 @@ exports[`opening catalog entity details panel when navigated to the catalog when
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
@@ -5376,7 +5472,23 @@ exports[`opening catalog entity details panel when navigated to the catalog when
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -5443,7 +5555,7 @@ exports[`opening catalog entity details panel when navigated to the catalog when
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
@@ -6201,7 +6313,23 @@ exports[`opening catalog entity details panel when navigated to the catalog when
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -6268,7 +6396,7 @@ exports[`opening catalog entity details panel when navigated to the catalog when
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
diff --git a/src/features/cluster/delete-dialog/__snapshots__/delete-cluster-dialog.test.tsx.snap b/src/features/cluster/delete-dialog/__snapshots__/delete-cluster-dialog.test.tsx.snap
index 09713333ad..980e1a5461 100644
--- a/src/features/cluster/delete-dialog/__snapshots__/delete-cluster-dialog.test.tsx.snap
+++ b/src/features/cluster/delete-dialog/__snapshots__/delete-cluster-dialog.test.tsx.snap
@@ -476,7 +476,23 @@ exports[`Deleting a cluster when an internal kubeconfig cluster is used when the
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -543,7 +559,7 @@ exports[`Deleting a cluster when an internal kubeconfig cluster is used when the
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
@@ -1112,7 +1128,23 @@ exports[`Deleting a cluster when the kubeconfig has multiple clusters when the d
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -1179,7 +1211,7 @@ exports[`Deleting a cluster when the kubeconfig has multiple clusters when the d
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
@@ -1781,7 +1813,23 @@ exports[`Deleting a cluster when the kubeconfig has multiple clusters when the d
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -1848,7 +1896,7 @@ exports[`Deleting a cluster when the kubeconfig has multiple clusters when the d
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
@@ -2529,7 +2577,23 @@ exports[`Deleting a cluster when the kubeconfig has multiple clusters when the d
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -2596,7 +2660,7 @@ exports[`Deleting a cluster when the kubeconfig has multiple clusters when the d
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
@@ -3277,7 +3341,23 @@ exports[`Deleting a cluster when the kubeconfig has only one cluster when the di
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -3344,7 +3424,7 @@ exports[`Deleting a cluster when the kubeconfig has only one cluster when the di
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
diff --git a/src/features/command-pallet/__snapshots__/keyboard-shortcuts.test.tsx.snap b/src/features/command-pallet/__snapshots__/keyboard-shortcuts.test.tsx.snap
index 31cc3f76ec..7bc003b784 100644
--- a/src/features/command-pallet/__snapshots__/keyboard-shortcuts.test.tsx.snap
+++ b/src/features/command-pallet/__snapshots__/keyboard-shortcuts.test.tsx.snap
@@ -256,7 +256,23 @@ exports[`Command Pallet: keyboard shortcut tests when on linux renders 1`] = `
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -323,7 +339,7 @@ exports[`Command Pallet: keyboard shortcut tests when on linux renders 1`] = `
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
@@ -616,7 +632,23 @@ exports[`Command Pallet: keyboard shortcut tests when on linux when pressing ESC
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -683,7 +715,7 @@ exports[`Command Pallet: keyboard shortcut tests when on linux when pressing ESC
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
@@ -976,7 +1008,23 @@ exports[`Command Pallet: keyboard shortcut tests when on linux when pressing SHI
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -1043,7 +1091,7 @@ exports[`Command Pallet: keyboard shortcut tests when on linux when pressing SHI
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
@@ -1348,7 +1396,23 @@ exports[`Command Pallet: keyboard shortcut tests when on linux when pressing SHI
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -1415,7 +1479,7 @@ exports[`Command Pallet: keyboard shortcut tests when on linux when pressing SHI
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
@@ -1617,7 +1681,23 @@ exports[`Command Pallet: keyboard shortcut tests when on macOS renders 1`] = `
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -1684,7 +1764,7 @@ exports[`Command Pallet: keyboard shortcut tests when on macOS renders 1`] = `
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
@@ -1886,7 +1966,23 @@ exports[`Command Pallet: keyboard shortcut tests when on macOS when pressing ESC
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -1953,7 +2049,7 @@ exports[`Command Pallet: keyboard shortcut tests when on macOS when pressing ESC
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
@@ -2155,7 +2251,23 @@ exports[`Command Pallet: keyboard shortcut tests when on macOS when pressing SHI
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -2222,7 +2334,7 @@ exports[`Command Pallet: keyboard shortcut tests when on macOS when pressing SHI
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
@@ -2436,7 +2548,23 @@ exports[`Command Pallet: keyboard shortcut tests when on macOS when pressing SHI
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -2503,7 +2631,7 @@ exports[`Command Pallet: keyboard shortcut tests when on macOS when pressing SHI
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
diff --git a/src/features/entity-settings/__snapshots__/showing-settings-for-correct-entity.test.tsx.snap b/src/features/entity-settings/__snapshots__/showing-settings-for-correct-entity.test.tsx.snap
index 124f55efc0..ab6199e031 100644
--- a/src/features/entity-settings/__snapshots__/showing-settings-for-correct-entity.test.tsx.snap
+++ b/src/features/entity-settings/__snapshots__/showing-settings-for-correct-entity.test.tsx.snap
@@ -165,7 +165,23 @@ exports[`Showing correct entity settings renders 1`] = `
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -232,7 +248,7 @@ exports[`Showing correct entity settings renders 1`] = `
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
@@ -511,7 +527,23 @@ exports[`Showing correct entity settings when navigating to local cluster entity
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -578,7 +610,7 @@ exports[`Showing correct entity settings when navigating to local cluster entity
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
@@ -798,40 +830,7 @@ exports[`Showing correct entity settings when navigating to non-local cluster en
                 >
                   Proxy
                 </h2>
-                <section>
-                  <section>
-                    <div
-                      class="SubTitle"
-                      id="http-proxy"
-                    >
-                      HTTP Proxy
-                       
-                    </div>
-                    <div
-                      class="Input theme round black"
-                    >
-                      <label
-                        class="input-area flex gaps align-center"
-                        id=""
-                      >
-                        <input
-                          class="input box grow"
-                          placeholder="http://<address>:<port>"
-                          spellcheck="false"
-                          value=""
-                        />
-                      </label>
-                      <div
-                        class="input-info flex gaps"
-                      />
-                    </div>
-                    <small
-                      class="hint"
-                    >
-                      HTTP Proxy server. Used for communicating with Kubernetes API.
-                    </small>
-                  </section>
-                </section>
+                <section />
               </section>
             </div>
             <div
@@ -878,7 +877,23 @@ exports[`Showing correct entity settings when navigating to non-local cluster en
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -945,7 +960,7 @@ exports[`Showing correct entity settings when navigating to non-local cluster en
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
@@ -1147,7 +1162,23 @@ exports[`Showing correct entity settings when navigating to weblink entity setti
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -1214,7 +1245,7 @@ exports[`Showing correct entity settings when navigating to weblink entity setti
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
diff --git a/src/features/extensions/__snapshots__/navigation-using-application-menu.test.ts.snap b/src/features/extensions/__snapshots__/navigation-using-application-menu.test.ts.snap
index 61be396b57..e2225e6b7a 100644
--- a/src/features/extensions/__snapshots__/navigation-using-application-menu.test.ts.snap
+++ b/src/features/extensions/__snapshots__/navigation-using-application-menu.test.ts.snap
@@ -164,7 +164,23 @@ exports[`extensions - navigation using application menu renders 1`] = `
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="0"
-        />
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="1"
@@ -231,7 +247,7 @@ exports[`extensions - navigation using application menu renders 1`] = `
             class="badge Badge small clickable"
             id="hotbarIndex"
           >
-            0
+            1
           </div>
         </div>
         <i
@@ -458,7 +474,23 @@ exports[`extensions - navigation using application menu when navigating to exten
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="0"
-        />
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="1"
@@ -525,7 +557,7 @@ exports[`extensions - navigation using application menu when navigating to exten
             class="badge Badge small clickable"
             id="hotbarIndex"
           >
-            0
+            1
           </div>
         </div>
         <i
diff --git a/src/features/helm-charts/__snapshots__/add-custom-helm-repository-in-preferences.test.ts.snap b/src/features/helm-charts/__snapshots__/add-custom-helm-repository-in-preferences.test.ts.snap
index 095977e374..9ff04f6b09 100644
--- a/src/features/helm-charts/__snapshots__/add-custom-helm-repository-in-preferences.test.ts.snap
+++ b/src/features/helm-charts/__snapshots__/add-custom-helm-repository-in-preferences.test.ts.snap
@@ -195,6 +195,7 @@ exports[`add custom helm repository in preferences when navigating to preference
                         >
                           Download kubectl binaries matching the Kubernetes cluster version
                           <input
+                            checked=""
                             role="switch"
                             type="checkbox"
                           />
@@ -215,7 +216,7 @@ exports[`add custom helm repository in preferences when navigating to preference
                            
                         </div>
                         <div
-                          class="Select theme-lens Select--is-disabled css-3iigni-container"
+                          class="Select theme-lens css-b62m3t-container"
                         >
                           <span
                             class="css-1f43avz-a11yText-A11yText"
@@ -228,31 +229,28 @@ exports[`add custom helm repository in preferences when navigating to preference
                             class="css-1f43avz-a11yText-A11yText"
                           />
                           <div
-                            class="Select__control Select__control--is-disabled css-16xfy0z-control"
+                            class="Select__control css-13cymwt-control"
                           >
                             <div
-                              class="Select__value-container css-1fdsijx-ValueContainer"
+                              class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                             >
                               <div
-                                class="Select__placeholder css-1jqq78o-placeholder"
-                                id="react-select-download-mirror-input-placeholder"
+                                class="Select__single-value css-1dimb5e-singleValue"
                               >
-                                Download mirror for kubectl
+                                Default (Google)
                               </div>
                               <div
-                                class="Select__input-container css-1h01tm3-Input"
+                                class="Select__input-container css-qbdosj-Input"
                                 data-value=""
                               >
                                 <input
                                   aria-autocomplete="list"
-                                  aria-describedby="react-select-download-mirror-input-placeholder"
                                   aria-expanded="false"
                                   aria-haspopup="true"
                                   autocapitalize="none"
                                   autocomplete="off"
                                   autocorrect="off"
                                   class="Select__input"
-                                  disabled=""
                                   id="download-mirror-input"
                                   role="combobox"
                                   spellcheck="false"
@@ -267,7 +265,7 @@ exports[`add custom helm repository in preferences when navigating to preference
                               class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                             >
                               <span
-                                class="Select__indicator-separator css-894a34-indicatorSeparator"
+                                class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                               />
                               <div
                                 aria-hidden="true"
@@ -305,7 +303,7 @@ exports[`add custom helm repository in preferences when navigating to preference
                            
                         </div>
                         <div
-                          class="Input theme round black disabled"
+                          class="Input theme round black"
                         >
                           <label
                             class="input-area flex gaps align-center"
@@ -313,7 +311,6 @@ exports[`add custom helm repository in preferences when navigating to preference
                           >
                             <input
                               class="input box grow"
-                              disabled=""
                               placeholder="/some-electron-app-path-for-user-data/binaries"
                               spellcheck="false"
                               value=""
@@ -344,7 +341,7 @@ exports[`add custom helm repository in preferences when navigating to preference
                            
                         </div>
                         <div
-                          class="Input theme round black"
+                          class="Input theme round black disabled"
                         >
                           <label
                             class="input-area flex gaps align-center"
@@ -352,6 +349,7 @@ exports[`add custom helm repository in preferences when navigating to preference
                           >
                             <input
                               class="input box grow"
+                              disabled=""
                               placeholder="/some-electron-app-path-for-user-data/binaries/kubectl"
                               spellcheck="false"
                               value=""
@@ -396,13 +394,11 @@ exports[`add custom helm repository in preferences when navigating to preference
                        
                     </div>
                     <div
-                      class="notice mt-3"
+                      class="loading-spinner"
                     >
                       <div
-                        class="flex-grow text-center"
-                      >
-                        No files and folders have been synced yet
-                      </div>
+                        class="Spinner singleColor"
+                      />
                     </div>
                   </section>
                 </div>
@@ -587,7 +583,23 @@ exports[`add custom helm repository in preferences when navigating to preference
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -654,7 +666,7 @@ exports[`add custom helm repository in preferences when navigating to preference
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
@@ -886,6 +898,7 @@ exports[`add custom helm repository in preferences when navigating to preference
                         >
                           Download kubectl binaries matching the Kubernetes cluster version
                           <input
+                            checked=""
                             role="switch"
                             type="checkbox"
                           />
@@ -906,7 +919,7 @@ exports[`add custom helm repository in preferences when navigating to preference
                            
                         </div>
                         <div
-                          class="Select theme-lens Select--is-disabled css-3iigni-container"
+                          class="Select theme-lens css-b62m3t-container"
                         >
                           <span
                             class="css-1f43avz-a11yText-A11yText"
@@ -919,31 +932,28 @@ exports[`add custom helm repository in preferences when navigating to preference
                             class="css-1f43avz-a11yText-A11yText"
                           />
                           <div
-                            class="Select__control Select__control--is-disabled css-16xfy0z-control"
+                            class="Select__control css-13cymwt-control"
                           >
                             <div
-                              class="Select__value-container css-1fdsijx-ValueContainer"
+                              class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                             >
                               <div
-                                class="Select__placeholder css-1jqq78o-placeholder"
-                                id="react-select-download-mirror-input-placeholder"
+                                class="Select__single-value css-1dimb5e-singleValue"
                               >
-                                Download mirror for kubectl
+                                Default (Google)
                               </div>
                               <div
-                                class="Select__input-container css-1h01tm3-Input"
+                                class="Select__input-container css-qbdosj-Input"
                                 data-value=""
                               >
                                 <input
                                   aria-autocomplete="list"
-                                  aria-describedby="react-select-download-mirror-input-placeholder"
                                   aria-expanded="false"
                                   aria-haspopup="true"
                                   autocapitalize="none"
                                   autocomplete="off"
                                   autocorrect="off"
                                   class="Select__input"
-                                  disabled=""
                                   id="download-mirror-input"
                                   role="combobox"
                                   spellcheck="false"
@@ -958,7 +968,7 @@ exports[`add custom helm repository in preferences when navigating to preference
                               class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                             >
                               <span
-                                class="Select__indicator-separator css-894a34-indicatorSeparator"
+                                class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                               />
                               <div
                                 aria-hidden="true"
@@ -996,7 +1006,7 @@ exports[`add custom helm repository in preferences when navigating to preference
                            
                         </div>
                         <div
-                          class="Input theme round black disabled"
+                          class="Input theme round black"
                         >
                           <label
                             class="input-area flex gaps align-center"
@@ -1004,7 +1014,6 @@ exports[`add custom helm repository in preferences when navigating to preference
                           >
                             <input
                               class="input box grow"
-                              disabled=""
                               placeholder="/some-electron-app-path-for-user-data/binaries"
                               spellcheck="false"
                               value=""
@@ -1035,7 +1044,7 @@ exports[`add custom helm repository in preferences when navigating to preference
                            
                         </div>
                         <div
-                          class="Input theme round black"
+                          class="Input theme round black disabled"
                         >
                           <label
                             class="input-area flex gaps align-center"
@@ -1043,6 +1052,7 @@ exports[`add custom helm repository in preferences when navigating to preference
                           >
                             <input
                               class="input box grow"
+                              disabled=""
                               placeholder="/some-electron-app-path-for-user-data/binaries/kubectl"
                               spellcheck="false"
                               value=""
@@ -1087,13 +1097,11 @@ exports[`add custom helm repository in preferences when navigating to preference
                        
                     </div>
                     <div
-                      class="notice mt-3"
+                      class="loading-spinner"
                     >
                       <div
-                        class="flex-grow text-center"
-                      >
-                        No files and folders have been synced yet
-                      </div>
+                        class="Spinner singleColor"
+                      />
                     </div>
                   </section>
                 </div>
@@ -1289,7 +1297,23 @@ exports[`add custom helm repository in preferences when navigating to preference
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -1356,7 +1380,7 @@ exports[`add custom helm repository in preferences when navigating to preference
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
@@ -1588,6 +1612,7 @@ exports[`add custom helm repository in preferences when navigating to preference
                         >
                           Download kubectl binaries matching the Kubernetes cluster version
                           <input
+                            checked=""
                             role="switch"
                             type="checkbox"
                           />
@@ -1608,7 +1633,7 @@ exports[`add custom helm repository in preferences when navigating to preference
                            
                         </div>
                         <div
-                          class="Select theme-lens Select--is-disabled css-3iigni-container"
+                          class="Select theme-lens css-b62m3t-container"
                         >
                           <span
                             class="css-1f43avz-a11yText-A11yText"
@@ -1621,31 +1646,28 @@ exports[`add custom helm repository in preferences when navigating to preference
                             class="css-1f43avz-a11yText-A11yText"
                           />
                           <div
-                            class="Select__control Select__control--is-disabled css-16xfy0z-control"
+                            class="Select__control css-13cymwt-control"
                           >
                             <div
-                              class="Select__value-container css-1fdsijx-ValueContainer"
+                              class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                             >
                               <div
-                                class="Select__placeholder css-1jqq78o-placeholder"
-                                id="react-select-download-mirror-input-placeholder"
+                                class="Select__single-value css-1dimb5e-singleValue"
                               >
-                                Download mirror for kubectl
+                                Default (Google)
                               </div>
                               <div
-                                class="Select__input-container css-1h01tm3-Input"
+                                class="Select__input-container css-qbdosj-Input"
                                 data-value=""
                               >
                                 <input
                                   aria-autocomplete="list"
-                                  aria-describedby="react-select-download-mirror-input-placeholder"
                                   aria-expanded="false"
                                   aria-haspopup="true"
                                   autocapitalize="none"
                                   autocomplete="off"
                                   autocorrect="off"
                                   class="Select__input"
-                                  disabled=""
                                   id="download-mirror-input"
                                   role="combobox"
                                   spellcheck="false"
@@ -1660,7 +1682,7 @@ exports[`add custom helm repository in preferences when navigating to preference
                               class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                             >
                               <span
-                                class="Select__indicator-separator css-894a34-indicatorSeparator"
+                                class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                               />
                               <div
                                 aria-hidden="true"
@@ -1698,7 +1720,7 @@ exports[`add custom helm repository in preferences when navigating to preference
                            
                         </div>
                         <div
-                          class="Input theme round black disabled"
+                          class="Input theme round black"
                         >
                           <label
                             class="input-area flex gaps align-center"
@@ -1706,7 +1728,6 @@ exports[`add custom helm repository in preferences when navigating to preference
                           >
                             <input
                               class="input box grow"
-                              disabled=""
                               placeholder="/some-electron-app-path-for-user-data/binaries"
                               spellcheck="false"
                               value=""
@@ -1737,7 +1758,7 @@ exports[`add custom helm repository in preferences when navigating to preference
                            
                         </div>
                         <div
-                          class="Input theme round black"
+                          class="Input theme round black disabled"
                         >
                           <label
                             class="input-area flex gaps align-center"
@@ -1745,6 +1766,7 @@ exports[`add custom helm repository in preferences when navigating to preference
                           >
                             <input
                               class="input box grow"
+                              disabled=""
                               placeholder="/some-electron-app-path-for-user-data/binaries/kubectl"
                               spellcheck="false"
                               value=""
@@ -1788,13 +1810,39 @@ exports[`add custom helm repository in preferences when navigating to preference
                       Synced Items
                        
                     </div>
-                    <div
-                      class="notice mt-3"
-                    >
+                    <div>
                       <div
-                        class="flex-grow text-center"
+                        class="item flex gaps align-center justify-space-between mt-3"
                       >
-                        No files and folders have been synced yet
+                        <i
+                          class="Icon material focusable"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="folder"
+                          >
+                            folder
+                          </span>
+                        </i>
+                        <div
+                          class="flex-grow break-all"
+                        >
+                          /Users/sebastianmalton/.kube
+                        </div>
+                        <i
+                          class="Icon material interactive focusable"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="delete"
+                          >
+                            delete
+                          </span>
+                        </i>
+                        <div>
+                          Remove
+                        </div>
                       </div>
                     </div>
                   </section>
@@ -1991,7 +2039,23 @@ exports[`add custom helm repository in preferences when navigating to preference
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -2058,7 +2122,7 @@ exports[`add custom helm repository in preferences when navigating to preference
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
@@ -2401,6 +2465,7 @@ exports[`add custom helm repository in preferences when navigating to preference
                         >
                           Download kubectl binaries matching the Kubernetes cluster version
                           <input
+                            checked=""
                             role="switch"
                             type="checkbox"
                           />
@@ -2421,7 +2486,7 @@ exports[`add custom helm repository in preferences when navigating to preference
                            
                         </div>
                         <div
-                          class="Select theme-lens Select--is-disabled css-3iigni-container"
+                          class="Select theme-lens css-b62m3t-container"
                         >
                           <span
                             class="css-1f43avz-a11yText-A11yText"
@@ -2434,31 +2499,28 @@ exports[`add custom helm repository in preferences when navigating to preference
                             class="css-1f43avz-a11yText-A11yText"
                           />
                           <div
-                            class="Select__control Select__control--is-disabled css-16xfy0z-control"
+                            class="Select__control css-13cymwt-control"
                           >
                             <div
-                              class="Select__value-container css-1fdsijx-ValueContainer"
+                              class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                             >
                               <div
-                                class="Select__placeholder css-1jqq78o-placeholder"
-                                id="react-select-download-mirror-input-placeholder"
+                                class="Select__single-value css-1dimb5e-singleValue"
                               >
-                                Download mirror for kubectl
+                                Default (Google)
                               </div>
                               <div
-                                class="Select__input-container css-1h01tm3-Input"
+                                class="Select__input-container css-qbdosj-Input"
                                 data-value=""
                               >
                                 <input
                                   aria-autocomplete="list"
-                                  aria-describedby="react-select-download-mirror-input-placeholder"
                                   aria-expanded="false"
                                   aria-haspopup="true"
                                   autocapitalize="none"
                                   autocomplete="off"
                                   autocorrect="off"
                                   class="Select__input"
-                                  disabled=""
                                   id="download-mirror-input"
                                   role="combobox"
                                   spellcheck="false"
@@ -2473,7 +2535,7 @@ exports[`add custom helm repository in preferences when navigating to preference
                               class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                             >
                               <span
-                                class="Select__indicator-separator css-894a34-indicatorSeparator"
+                                class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                               />
                               <div
                                 aria-hidden="true"
@@ -2511,7 +2573,7 @@ exports[`add custom helm repository in preferences when navigating to preference
                            
                         </div>
                         <div
-                          class="Input theme round black disabled"
+                          class="Input theme round black"
                         >
                           <label
                             class="input-area flex gaps align-center"
@@ -2519,7 +2581,6 @@ exports[`add custom helm repository in preferences when navigating to preference
                           >
                             <input
                               class="input box grow"
-                              disabled=""
                               placeholder="/some-electron-app-path-for-user-data/binaries"
                               spellcheck="false"
                               value=""
@@ -2550,7 +2611,7 @@ exports[`add custom helm repository in preferences when navigating to preference
                            
                         </div>
                         <div
-                          class="Input theme round black"
+                          class="Input theme round black disabled"
                         >
                           <label
                             class="input-area flex gaps align-center"
@@ -2558,6 +2619,7 @@ exports[`add custom helm repository in preferences when navigating to preference
                           >
                             <input
                               class="input box grow"
+                              disabled=""
                               placeholder="/some-electron-app-path-for-user-data/binaries/kubectl"
                               spellcheck="false"
                               value=""
@@ -2601,13 +2663,39 @@ exports[`add custom helm repository in preferences when navigating to preference
                       Synced Items
                        
                     </div>
-                    <div
-                      class="notice mt-3"
-                    >
+                    <div>
                       <div
-                        class="flex-grow text-center"
+                        class="item flex gaps align-center justify-space-between mt-3"
                       >
-                        No files and folders have been synced yet
+                        <i
+                          class="Icon material focusable"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="folder"
+                          >
+                            folder
+                          </span>
+                        </i>
+                        <div
+                          class="flex-grow break-all"
+                        >
+                          /Users/sebastianmalton/.kube
+                        </div>
+                        <i
+                          class="Icon material interactive focusable"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="delete"
+                          >
+                            delete
+                          </span>
+                        </i>
+                        <div>
+                          Remove
+                        </div>
                       </div>
                     </div>
                   </section>
@@ -2804,7 +2892,23 @@ exports[`add custom helm repository in preferences when navigating to preference
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -2871,7 +2975,7 @@ exports[`add custom helm repository in preferences when navigating to preference
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
@@ -3111,6 +3215,7 @@ exports[`add custom helm repository in preferences when navigating to preference
                         >
                           Download kubectl binaries matching the Kubernetes cluster version
                           <input
+                            checked=""
                             role="switch"
                             type="checkbox"
                           />
@@ -3131,7 +3236,7 @@ exports[`add custom helm repository in preferences when navigating to preference
                            
                         </div>
                         <div
-                          class="Select theme-lens Select--is-disabled css-3iigni-container"
+                          class="Select theme-lens css-b62m3t-container"
                         >
                           <span
                             class="css-1f43avz-a11yText-A11yText"
@@ -3144,31 +3249,28 @@ exports[`add custom helm repository in preferences when navigating to preference
                             class="css-1f43avz-a11yText-A11yText"
                           />
                           <div
-                            class="Select__control Select__control--is-disabled css-16xfy0z-control"
+                            class="Select__control css-13cymwt-control"
                           >
                             <div
-                              class="Select__value-container css-1fdsijx-ValueContainer"
+                              class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                             >
                               <div
-                                class="Select__placeholder css-1jqq78o-placeholder"
-                                id="react-select-download-mirror-input-placeholder"
+                                class="Select__single-value css-1dimb5e-singleValue"
                               >
-                                Download mirror for kubectl
+                                Default (Google)
                               </div>
                               <div
-                                class="Select__input-container css-1h01tm3-Input"
+                                class="Select__input-container css-qbdosj-Input"
                                 data-value=""
                               >
                                 <input
                                   aria-autocomplete="list"
-                                  aria-describedby="react-select-download-mirror-input-placeholder"
                                   aria-expanded="false"
                                   aria-haspopup="true"
                                   autocapitalize="none"
                                   autocomplete="off"
                                   autocorrect="off"
                                   class="Select__input"
-                                  disabled=""
                                   id="download-mirror-input"
                                   role="combobox"
                                   spellcheck="false"
@@ -3183,7 +3285,7 @@ exports[`add custom helm repository in preferences when navigating to preference
                               class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                             >
                               <span
-                                class="Select__indicator-separator css-894a34-indicatorSeparator"
+                                class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                               />
                               <div
                                 aria-hidden="true"
@@ -3221,7 +3323,7 @@ exports[`add custom helm repository in preferences when navigating to preference
                            
                         </div>
                         <div
-                          class="Input theme round black disabled"
+                          class="Input theme round black"
                         >
                           <label
                             class="input-area flex gaps align-center"
@@ -3229,7 +3331,6 @@ exports[`add custom helm repository in preferences when navigating to preference
                           >
                             <input
                               class="input box grow"
-                              disabled=""
                               placeholder="/some-electron-app-path-for-user-data/binaries"
                               spellcheck="false"
                               value=""
@@ -3260,7 +3361,7 @@ exports[`add custom helm repository in preferences when navigating to preference
                            
                         </div>
                         <div
-                          class="Input theme round black"
+                          class="Input theme round black disabled"
                         >
                           <label
                             class="input-area flex gaps align-center"
@@ -3268,6 +3369,7 @@ exports[`add custom helm repository in preferences when navigating to preference
                           >
                             <input
                               class="input box grow"
+                              disabled=""
                               placeholder="/some-electron-app-path-for-user-data/binaries/kubectl"
                               spellcheck="false"
                               value=""
@@ -3311,13 +3413,39 @@ exports[`add custom helm repository in preferences when navigating to preference
                       Synced Items
                        
                     </div>
-                    <div
-                      class="notice mt-3"
-                    >
+                    <div>
                       <div
-                        class="flex-grow text-center"
+                        class="item flex gaps align-center justify-space-between mt-3"
                       >
-                        No files and folders have been synced yet
+                        <i
+                          class="Icon material focusable"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="folder"
+                          >
+                            folder
+                          </span>
+                        </i>
+                        <div
+                          class="flex-grow break-all"
+                        >
+                          /Users/sebastianmalton/.kube
+                        </div>
+                        <i
+                          class="Icon material interactive focusable"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="delete"
+                          >
+                            delete
+                          </span>
+                        </i>
+                        <div>
+                          Remove
+                        </div>
                       </div>
                     </div>
                   </section>
@@ -3514,7 +3642,23 @@ exports[`add custom helm repository in preferences when navigating to preference
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -3581,7 +3725,7 @@ exports[`add custom helm repository in preferences when navigating to preference
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
@@ -3924,6 +4068,7 @@ exports[`add custom helm repository in preferences when navigating to preference
                         >
                           Download kubectl binaries matching the Kubernetes cluster version
                           <input
+                            checked=""
                             role="switch"
                             type="checkbox"
                           />
@@ -3944,7 +4089,7 @@ exports[`add custom helm repository in preferences when navigating to preference
                            
                         </div>
                         <div
-                          class="Select theme-lens Select--is-disabled css-3iigni-container"
+                          class="Select theme-lens css-b62m3t-container"
                         >
                           <span
                             class="css-1f43avz-a11yText-A11yText"
@@ -3957,31 +4102,28 @@ exports[`add custom helm repository in preferences when navigating to preference
                             class="css-1f43avz-a11yText-A11yText"
                           />
                           <div
-                            class="Select__control Select__control--is-disabled css-16xfy0z-control"
+                            class="Select__control css-13cymwt-control"
                           >
                             <div
-                              class="Select__value-container css-1fdsijx-ValueContainer"
+                              class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                             >
                               <div
-                                class="Select__placeholder css-1jqq78o-placeholder"
-                                id="react-select-download-mirror-input-placeholder"
+                                class="Select__single-value css-1dimb5e-singleValue"
                               >
-                                Download mirror for kubectl
+                                Default (Google)
                               </div>
                               <div
-                                class="Select__input-container css-1h01tm3-Input"
+                                class="Select__input-container css-qbdosj-Input"
                                 data-value=""
                               >
                                 <input
                                   aria-autocomplete="list"
-                                  aria-describedby="react-select-download-mirror-input-placeholder"
                                   aria-expanded="false"
                                   aria-haspopup="true"
                                   autocapitalize="none"
                                   autocomplete="off"
                                   autocorrect="off"
                                   class="Select__input"
-                                  disabled=""
                                   id="download-mirror-input"
                                   role="combobox"
                                   spellcheck="false"
@@ -3996,7 +4138,7 @@ exports[`add custom helm repository in preferences when navigating to preference
                               class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                             >
                               <span
-                                class="Select__indicator-separator css-894a34-indicatorSeparator"
+                                class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                               />
                               <div
                                 aria-hidden="true"
@@ -4034,7 +4176,7 @@ exports[`add custom helm repository in preferences when navigating to preference
                            
                         </div>
                         <div
-                          class="Input theme round black disabled"
+                          class="Input theme round black"
                         >
                           <label
                             class="input-area flex gaps align-center"
@@ -4042,7 +4184,6 @@ exports[`add custom helm repository in preferences when navigating to preference
                           >
                             <input
                               class="input box grow"
-                              disabled=""
                               placeholder="/some-electron-app-path-for-user-data/binaries"
                               spellcheck="false"
                               value=""
@@ -4073,7 +4214,7 @@ exports[`add custom helm repository in preferences when navigating to preference
                            
                         </div>
                         <div
-                          class="Input theme round black"
+                          class="Input theme round black disabled"
                         >
                           <label
                             class="input-area flex gaps align-center"
@@ -4081,6 +4222,7 @@ exports[`add custom helm repository in preferences when navigating to preference
                           >
                             <input
                               class="input box grow"
+                              disabled=""
                               placeholder="/some-electron-app-path-for-user-data/binaries/kubectl"
                               spellcheck="false"
                               value=""
@@ -4124,13 +4266,39 @@ exports[`add custom helm repository in preferences when navigating to preference
                       Synced Items
                        
                     </div>
-                    <div
-                      class="notice mt-3"
-                    >
+                    <div>
                       <div
-                        class="flex-grow text-center"
+                        class="item flex gaps align-center justify-space-between mt-3"
                       >
-                        No files and folders have been synced yet
+                        <i
+                          class="Icon material focusable"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="folder"
+                          >
+                            folder
+                          </span>
+                        </i>
+                        <div
+                          class="flex-grow break-all"
+                        >
+                          /Users/sebastianmalton/.kube
+                        </div>
+                        <i
+                          class="Icon material interactive focusable"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="delete"
+                          >
+                            delete
+                          </span>
+                        </i>
+                        <div>
+                          Remove
+                        </div>
                       </div>
                     </div>
                   </section>
@@ -4327,7 +4495,23 @@ exports[`add custom helm repository in preferences when navigating to preference
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -4394,7 +4578,7 @@ exports[`add custom helm repository in preferences when navigating to preference
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
@@ -4919,6 +5103,7 @@ exports[`add custom helm repository in preferences when navigating to preference
                         >
                           Download kubectl binaries matching the Kubernetes cluster version
                           <input
+                            checked=""
                             role="switch"
                             type="checkbox"
                           />
@@ -4939,7 +5124,7 @@ exports[`add custom helm repository in preferences when navigating to preference
                            
                         </div>
                         <div
-                          class="Select theme-lens Select--is-disabled css-3iigni-container"
+                          class="Select theme-lens css-b62m3t-container"
                         >
                           <span
                             class="css-1f43avz-a11yText-A11yText"
@@ -4952,31 +5137,28 @@ exports[`add custom helm repository in preferences when navigating to preference
                             class="css-1f43avz-a11yText-A11yText"
                           />
                           <div
-                            class="Select__control Select__control--is-disabled css-16xfy0z-control"
+                            class="Select__control css-13cymwt-control"
                           >
                             <div
-                              class="Select__value-container css-1fdsijx-ValueContainer"
+                              class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                             >
                               <div
-                                class="Select__placeholder css-1jqq78o-placeholder"
-                                id="react-select-download-mirror-input-placeholder"
+                                class="Select__single-value css-1dimb5e-singleValue"
                               >
-                                Download mirror for kubectl
+                                Default (Google)
                               </div>
                               <div
-                                class="Select__input-container css-1h01tm3-Input"
+                                class="Select__input-container css-qbdosj-Input"
                                 data-value=""
                               >
                                 <input
                                   aria-autocomplete="list"
-                                  aria-describedby="react-select-download-mirror-input-placeholder"
                                   aria-expanded="false"
                                   aria-haspopup="true"
                                   autocapitalize="none"
                                   autocomplete="off"
                                   autocorrect="off"
                                   class="Select__input"
-                                  disabled=""
                                   id="download-mirror-input"
                                   role="combobox"
                                   spellcheck="false"
@@ -4991,7 +5173,7 @@ exports[`add custom helm repository in preferences when navigating to preference
                               class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                             >
                               <span
-                                class="Select__indicator-separator css-894a34-indicatorSeparator"
+                                class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                               />
                               <div
                                 aria-hidden="true"
@@ -5029,7 +5211,7 @@ exports[`add custom helm repository in preferences when navigating to preference
                            
                         </div>
                         <div
-                          class="Input theme round black disabled"
+                          class="Input theme round black"
                         >
                           <label
                             class="input-area flex gaps align-center"
@@ -5037,7 +5219,6 @@ exports[`add custom helm repository in preferences when navigating to preference
                           >
                             <input
                               class="input box grow"
-                              disabled=""
                               placeholder="/some-electron-app-path-for-user-data/binaries"
                               spellcheck="false"
                               value=""
@@ -5068,7 +5249,7 @@ exports[`add custom helm repository in preferences when navigating to preference
                            
                         </div>
                         <div
-                          class="Input theme round black"
+                          class="Input theme round black disabled"
                         >
                           <label
                             class="input-area flex gaps align-center"
@@ -5076,6 +5257,7 @@ exports[`add custom helm repository in preferences when navigating to preference
                           >
                             <input
                               class="input box grow"
+                              disabled=""
                               placeholder="/some-electron-app-path-for-user-data/binaries/kubectl"
                               spellcheck="false"
                               value=""
@@ -5119,13 +5301,39 @@ exports[`add custom helm repository in preferences when navigating to preference
                       Synced Items
                        
                     </div>
-                    <div
-                      class="notice mt-3"
-                    >
+                    <div>
                       <div
-                        class="flex-grow text-center"
+                        class="item flex gaps align-center justify-space-between mt-3"
                       >
-                        No files and folders have been synced yet
+                        <i
+                          class="Icon material focusable"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="folder"
+                          >
+                            folder
+                          </span>
+                        </i>
+                        <div
+                          class="flex-grow break-all"
+                        >
+                          /Users/sebastianmalton/.kube
+                        </div>
+                        <i
+                          class="Icon material interactive focusable"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="delete"
+                          >
+                            delete
+                          </span>
+                        </i>
+                        <div>
+                          Remove
+                        </div>
                       </div>
                     </div>
                   </section>
@@ -5322,7 +5530,23 @@ exports[`add custom helm repository in preferences when navigating to preference
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -5389,7 +5613,7 @@ exports[`add custom helm repository in preferences when navigating to preference
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
@@ -5732,6 +5956,7 @@ exports[`add custom helm repository in preferences when navigating to preference
                         >
                           Download kubectl binaries matching the Kubernetes cluster version
                           <input
+                            checked=""
                             role="switch"
                             type="checkbox"
                           />
@@ -5752,7 +5977,7 @@ exports[`add custom helm repository in preferences when navigating to preference
                            
                         </div>
                         <div
-                          class="Select theme-lens Select--is-disabled css-3iigni-container"
+                          class="Select theme-lens css-b62m3t-container"
                         >
                           <span
                             class="css-1f43avz-a11yText-A11yText"
@@ -5765,31 +5990,28 @@ exports[`add custom helm repository in preferences when navigating to preference
                             class="css-1f43avz-a11yText-A11yText"
                           />
                           <div
-                            class="Select__control Select__control--is-disabled css-16xfy0z-control"
+                            class="Select__control css-13cymwt-control"
                           >
                             <div
-                              class="Select__value-container css-1fdsijx-ValueContainer"
+                              class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                             >
                               <div
-                                class="Select__placeholder css-1jqq78o-placeholder"
-                                id="react-select-download-mirror-input-placeholder"
+                                class="Select__single-value css-1dimb5e-singleValue"
                               >
-                                Download mirror for kubectl
+                                Default (Google)
                               </div>
                               <div
-                                class="Select__input-container css-1h01tm3-Input"
+                                class="Select__input-container css-qbdosj-Input"
                                 data-value=""
                               >
                                 <input
                                   aria-autocomplete="list"
-                                  aria-describedby="react-select-download-mirror-input-placeholder"
                                   aria-expanded="false"
                                   aria-haspopup="true"
                                   autocapitalize="none"
                                   autocomplete="off"
                                   autocorrect="off"
                                   class="Select__input"
-                                  disabled=""
                                   id="download-mirror-input"
                                   role="combobox"
                                   spellcheck="false"
@@ -5804,7 +6026,7 @@ exports[`add custom helm repository in preferences when navigating to preference
                               class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                             >
                               <span
-                                class="Select__indicator-separator css-894a34-indicatorSeparator"
+                                class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                               />
                               <div
                                 aria-hidden="true"
@@ -5842,7 +6064,7 @@ exports[`add custom helm repository in preferences when navigating to preference
                            
                         </div>
                         <div
-                          class="Input theme round black disabled"
+                          class="Input theme round black"
                         >
                           <label
                             class="input-area flex gaps align-center"
@@ -5850,7 +6072,6 @@ exports[`add custom helm repository in preferences when navigating to preference
                           >
                             <input
                               class="input box grow"
-                              disabled=""
                               placeholder="/some-electron-app-path-for-user-data/binaries"
                               spellcheck="false"
                               value=""
@@ -5881,7 +6102,7 @@ exports[`add custom helm repository in preferences when navigating to preference
                            
                         </div>
                         <div
-                          class="Input theme round black"
+                          class="Input theme round black disabled"
                         >
                           <label
                             class="input-area flex gaps align-center"
@@ -5889,6 +6110,7 @@ exports[`add custom helm repository in preferences when navigating to preference
                           >
                             <input
                               class="input box grow"
+                              disabled=""
                               placeholder="/some-electron-app-path-for-user-data/binaries/kubectl"
                               spellcheck="false"
                               value=""
@@ -5932,13 +6154,39 @@ exports[`add custom helm repository in preferences when navigating to preference
                       Synced Items
                        
                     </div>
-                    <div
-                      class="notice mt-3"
-                    >
+                    <div>
                       <div
-                        class="flex-grow text-center"
+                        class="item flex gaps align-center justify-space-between mt-3"
                       >
-                        No files and folders have been synced yet
+                        <i
+                          class="Icon material focusable"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="folder"
+                          >
+                            folder
+                          </span>
+                        </i>
+                        <div
+                          class="flex-grow break-all"
+                        >
+                          /Users/sebastianmalton/.kube
+                        </div>
+                        <i
+                          class="Icon material interactive focusable"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="delete"
+                          >
+                            delete
+                          </span>
+                        </i>
+                        <div>
+                          Remove
+                        </div>
                       </div>
                     </div>
                   </section>
@@ -6135,7 +6383,23 @@ exports[`add custom helm repository in preferences when navigating to preference
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -6202,7 +6466,7 @@ exports[`add custom helm repository in preferences when navigating to preference
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
@@ -6727,6 +6991,7 @@ exports[`add custom helm repository in preferences when navigating to preference
                         >
                           Download kubectl binaries matching the Kubernetes cluster version
                           <input
+                            checked=""
                             role="switch"
                             type="checkbox"
                           />
@@ -6747,7 +7012,7 @@ exports[`add custom helm repository in preferences when navigating to preference
                            
                         </div>
                         <div
-                          class="Select theme-lens Select--is-disabled css-3iigni-container"
+                          class="Select theme-lens css-b62m3t-container"
                         >
                           <span
                             class="css-1f43avz-a11yText-A11yText"
@@ -6760,31 +7025,28 @@ exports[`add custom helm repository in preferences when navigating to preference
                             class="css-1f43avz-a11yText-A11yText"
                           />
                           <div
-                            class="Select__control Select__control--is-disabled css-16xfy0z-control"
+                            class="Select__control css-13cymwt-control"
                           >
                             <div
-                              class="Select__value-container css-1fdsijx-ValueContainer"
+                              class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                             >
                               <div
-                                class="Select__placeholder css-1jqq78o-placeholder"
-                                id="react-select-download-mirror-input-placeholder"
+                                class="Select__single-value css-1dimb5e-singleValue"
                               >
-                                Download mirror for kubectl
+                                Default (Google)
                               </div>
                               <div
-                                class="Select__input-container css-1h01tm3-Input"
+                                class="Select__input-container css-qbdosj-Input"
                                 data-value=""
                               >
                                 <input
                                   aria-autocomplete="list"
-                                  aria-describedby="react-select-download-mirror-input-placeholder"
                                   aria-expanded="false"
                                   aria-haspopup="true"
                                   autocapitalize="none"
                                   autocomplete="off"
                                   autocorrect="off"
                                   class="Select__input"
-                                  disabled=""
                                   id="download-mirror-input"
                                   role="combobox"
                                   spellcheck="false"
@@ -6799,7 +7061,7 @@ exports[`add custom helm repository in preferences when navigating to preference
                               class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                             >
                               <span
-                                class="Select__indicator-separator css-894a34-indicatorSeparator"
+                                class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                               />
                               <div
                                 aria-hidden="true"
@@ -6837,7 +7099,7 @@ exports[`add custom helm repository in preferences when navigating to preference
                            
                         </div>
                         <div
-                          class="Input theme round black disabled"
+                          class="Input theme round black"
                         >
                           <label
                             class="input-area flex gaps align-center"
@@ -6845,7 +7107,6 @@ exports[`add custom helm repository in preferences when navigating to preference
                           >
                             <input
                               class="input box grow"
-                              disabled=""
                               placeholder="/some-electron-app-path-for-user-data/binaries"
                               spellcheck="false"
                               value=""
@@ -6876,7 +7137,7 @@ exports[`add custom helm repository in preferences when navigating to preference
                            
                         </div>
                         <div
-                          class="Input theme round black"
+                          class="Input theme round black disabled"
                         >
                           <label
                             class="input-area flex gaps align-center"
@@ -6884,6 +7145,7 @@ exports[`add custom helm repository in preferences when navigating to preference
                           >
                             <input
                               class="input box grow"
+                              disabled=""
                               placeholder="/some-electron-app-path-for-user-data/binaries/kubectl"
                               spellcheck="false"
                               value=""
@@ -6927,13 +7189,39 @@ exports[`add custom helm repository in preferences when navigating to preference
                       Synced Items
                        
                     </div>
-                    <div
-                      class="notice mt-3"
-                    >
+                    <div>
                       <div
-                        class="flex-grow text-center"
+                        class="item flex gaps align-center justify-space-between mt-3"
                       >
-                        No files and folders have been synced yet
+                        <i
+                          class="Icon material focusable"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="folder"
+                          >
+                            folder
+                          </span>
+                        </i>
+                        <div
+                          class="flex-grow break-all"
+                        >
+                          /Users/sebastianmalton/.kube
+                        </div>
+                        <i
+                          class="Icon material interactive focusable"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="delete"
+                          >
+                            delete
+                          </span>
+                        </i>
+                        <div>
+                          Remove
+                        </div>
                       </div>
                     </div>
                   </section>
@@ -7130,7 +7418,23 @@ exports[`add custom helm repository in preferences when navigating to preference
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -7197,7 +7501,7 @@ exports[`add custom helm repository in preferences when navigating to preference
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
@@ -7541,6 +7845,7 @@ exports[`add custom helm repository in preferences when navigating to preference
                         >
                           Download kubectl binaries matching the Kubernetes cluster version
                           <input
+                            checked=""
                             role="switch"
                             type="checkbox"
                           />
@@ -7561,7 +7866,7 @@ exports[`add custom helm repository in preferences when navigating to preference
                            
                         </div>
                         <div
-                          class="Select theme-lens Select--is-disabled css-3iigni-container"
+                          class="Select theme-lens css-b62m3t-container"
                         >
                           <span
                             class="css-1f43avz-a11yText-A11yText"
@@ -7574,31 +7879,28 @@ exports[`add custom helm repository in preferences when navigating to preference
                             class="css-1f43avz-a11yText-A11yText"
                           />
                           <div
-                            class="Select__control Select__control--is-disabled css-16xfy0z-control"
+                            class="Select__control css-13cymwt-control"
                           >
                             <div
-                              class="Select__value-container css-1fdsijx-ValueContainer"
+                              class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                             >
                               <div
-                                class="Select__placeholder css-1jqq78o-placeholder"
-                                id="react-select-download-mirror-input-placeholder"
+                                class="Select__single-value css-1dimb5e-singleValue"
                               >
-                                Download mirror for kubectl
+                                Default (Google)
                               </div>
                               <div
-                                class="Select__input-container css-1h01tm3-Input"
+                                class="Select__input-container css-qbdosj-Input"
                                 data-value=""
                               >
                                 <input
                                   aria-autocomplete="list"
-                                  aria-describedby="react-select-download-mirror-input-placeholder"
                                   aria-expanded="false"
                                   aria-haspopup="true"
                                   autocapitalize="none"
                                   autocomplete="off"
                                   autocorrect="off"
                                   class="Select__input"
-                                  disabled=""
                                   id="download-mirror-input"
                                   role="combobox"
                                   spellcheck="false"
@@ -7613,7 +7915,7 @@ exports[`add custom helm repository in preferences when navigating to preference
                               class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                             >
                               <span
-                                class="Select__indicator-separator css-894a34-indicatorSeparator"
+                                class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                               />
                               <div
                                 aria-hidden="true"
@@ -7651,7 +7953,7 @@ exports[`add custom helm repository in preferences when navigating to preference
                            
                         </div>
                         <div
-                          class="Input theme round black disabled"
+                          class="Input theme round black"
                         >
                           <label
                             class="input-area flex gaps align-center"
@@ -7659,7 +7961,6 @@ exports[`add custom helm repository in preferences when navigating to preference
                           >
                             <input
                               class="input box grow"
-                              disabled=""
                               placeholder="/some-electron-app-path-for-user-data/binaries"
                               spellcheck="false"
                               value=""
@@ -7690,7 +7991,7 @@ exports[`add custom helm repository in preferences when navigating to preference
                            
                         </div>
                         <div
-                          class="Input theme round black"
+                          class="Input theme round black disabled"
                         >
                           <label
                             class="input-area flex gaps align-center"
@@ -7698,6 +7999,7 @@ exports[`add custom helm repository in preferences when navigating to preference
                           >
                             <input
                               class="input box grow"
+                              disabled=""
                               placeholder="/some-electron-app-path-for-user-data/binaries/kubectl"
                               spellcheck="false"
                               value=""
@@ -7741,13 +8043,39 @@ exports[`add custom helm repository in preferences when navigating to preference
                       Synced Items
                        
                     </div>
-                    <div
-                      class="notice mt-3"
-                    >
+                    <div>
                       <div
-                        class="flex-grow text-center"
+                        class="item flex gaps align-center justify-space-between mt-3"
                       >
-                        No files and folders have been synced yet
+                        <i
+                          class="Icon material focusable"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="folder"
+                          >
+                            folder
+                          </span>
+                        </i>
+                        <div
+                          class="flex-grow break-all"
+                        >
+                          /Users/sebastianmalton/.kube
+                        </div>
+                        <i
+                          class="Icon material interactive focusable"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="delete"
+                          >
+                            delete
+                          </span>
+                        </i>
+                        <div>
+                          Remove
+                        </div>
                       </div>
                     </div>
                   </section>
@@ -7944,7 +8272,23 @@ exports[`add custom helm repository in preferences when navigating to preference
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -8011,7 +8355,7 @@ exports[`add custom helm repository in preferences when navigating to preference
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
@@ -8251,6 +8595,7 @@ exports[`add custom helm repository in preferences when navigating to preference
                         >
                           Download kubectl binaries matching the Kubernetes cluster version
                           <input
+                            checked=""
                             role="switch"
                             type="checkbox"
                           />
@@ -8271,7 +8616,7 @@ exports[`add custom helm repository in preferences when navigating to preference
                            
                         </div>
                         <div
-                          class="Select theme-lens Select--is-disabled css-3iigni-container"
+                          class="Select theme-lens css-b62m3t-container"
                         >
                           <span
                             class="css-1f43avz-a11yText-A11yText"
@@ -8284,31 +8629,28 @@ exports[`add custom helm repository in preferences when navigating to preference
                             class="css-1f43avz-a11yText-A11yText"
                           />
                           <div
-                            class="Select__control Select__control--is-disabled css-16xfy0z-control"
+                            class="Select__control css-13cymwt-control"
                           >
                             <div
-                              class="Select__value-container css-1fdsijx-ValueContainer"
+                              class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                             >
                               <div
-                                class="Select__placeholder css-1jqq78o-placeholder"
-                                id="react-select-download-mirror-input-placeholder"
+                                class="Select__single-value css-1dimb5e-singleValue"
                               >
-                                Download mirror for kubectl
+                                Default (Google)
                               </div>
                               <div
-                                class="Select__input-container css-1h01tm3-Input"
+                                class="Select__input-container css-qbdosj-Input"
                                 data-value=""
                               >
                                 <input
                                   aria-autocomplete="list"
-                                  aria-describedby="react-select-download-mirror-input-placeholder"
                                   aria-expanded="false"
                                   aria-haspopup="true"
                                   autocapitalize="none"
                                   autocomplete="off"
                                   autocorrect="off"
                                   class="Select__input"
-                                  disabled=""
                                   id="download-mirror-input"
                                   role="combobox"
                                   spellcheck="false"
@@ -8323,7 +8665,7 @@ exports[`add custom helm repository in preferences when navigating to preference
                               class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                             >
                               <span
-                                class="Select__indicator-separator css-894a34-indicatorSeparator"
+                                class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                               />
                               <div
                                 aria-hidden="true"
@@ -8361,7 +8703,7 @@ exports[`add custom helm repository in preferences when navigating to preference
                            
                         </div>
                         <div
-                          class="Input theme round black disabled"
+                          class="Input theme round black"
                         >
                           <label
                             class="input-area flex gaps align-center"
@@ -8369,7 +8711,6 @@ exports[`add custom helm repository in preferences when navigating to preference
                           >
                             <input
                               class="input box grow"
-                              disabled=""
                               placeholder="/some-electron-app-path-for-user-data/binaries"
                               spellcheck="false"
                               value=""
@@ -8400,7 +8741,7 @@ exports[`add custom helm repository in preferences when navigating to preference
                            
                         </div>
                         <div
-                          class="Input theme round black"
+                          class="Input theme round black disabled"
                         >
                           <label
                             class="input-area flex gaps align-center"
@@ -8408,6 +8749,7 @@ exports[`add custom helm repository in preferences when navigating to preference
                           >
                             <input
                               class="input box grow"
+                              disabled=""
                               placeholder="/some-electron-app-path-for-user-data/binaries/kubectl"
                               spellcheck="false"
                               value=""
@@ -8451,13 +8793,39 @@ exports[`add custom helm repository in preferences when navigating to preference
                       Synced Items
                        
                     </div>
-                    <div
-                      class="notice mt-3"
-                    >
+                    <div>
                       <div
-                        class="flex-grow text-center"
+                        class="item flex gaps align-center justify-space-between mt-3"
                       >
-                        No files and folders have been synced yet
+                        <i
+                          class="Icon material focusable"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="folder"
+                          >
+                            folder
+                          </span>
+                        </i>
+                        <div
+                          class="flex-grow break-all"
+                        >
+                          /Users/sebastianmalton/.kube
+                        </div>
+                        <i
+                          class="Icon material interactive focusable"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="delete"
+                          >
+                            delete
+                          </span>
+                        </i>
+                        <div>
+                          Remove
+                        </div>
                       </div>
                     </div>
                   </section>
@@ -8643,7 +9011,23 @@ exports[`add custom helm repository in preferences when navigating to preference
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -8710,7 +9094,7 @@ exports[`add custom helm repository in preferences when navigating to preference
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
@@ -8950,6 +9334,7 @@ exports[`add custom helm repository in preferences when navigating to preference
                         >
                           Download kubectl binaries matching the Kubernetes cluster version
                           <input
+                            checked=""
                             role="switch"
                             type="checkbox"
                           />
@@ -8970,7 +9355,7 @@ exports[`add custom helm repository in preferences when navigating to preference
                            
                         </div>
                         <div
-                          class="Select theme-lens Select--is-disabled css-3iigni-container"
+                          class="Select theme-lens css-b62m3t-container"
                         >
                           <span
                             class="css-1f43avz-a11yText-A11yText"
@@ -8983,31 +9368,28 @@ exports[`add custom helm repository in preferences when navigating to preference
                             class="css-1f43avz-a11yText-A11yText"
                           />
                           <div
-                            class="Select__control Select__control--is-disabled css-16xfy0z-control"
+                            class="Select__control css-13cymwt-control"
                           >
                             <div
-                              class="Select__value-container css-1fdsijx-ValueContainer"
+                              class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                             >
                               <div
-                                class="Select__placeholder css-1jqq78o-placeholder"
-                                id="react-select-download-mirror-input-placeholder"
+                                class="Select__single-value css-1dimb5e-singleValue"
                               >
-                                Download mirror for kubectl
+                                Default (Google)
                               </div>
                               <div
-                                class="Select__input-container css-1h01tm3-Input"
+                                class="Select__input-container css-qbdosj-Input"
                                 data-value=""
                               >
                                 <input
                                   aria-autocomplete="list"
-                                  aria-describedby="react-select-download-mirror-input-placeholder"
                                   aria-expanded="false"
                                   aria-haspopup="true"
                                   autocapitalize="none"
                                   autocomplete="off"
                                   autocorrect="off"
                                   class="Select__input"
-                                  disabled=""
                                   id="download-mirror-input"
                                   role="combobox"
                                   spellcheck="false"
@@ -9022,7 +9404,7 @@ exports[`add custom helm repository in preferences when navigating to preference
                               class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                             >
                               <span
-                                class="Select__indicator-separator css-894a34-indicatorSeparator"
+                                class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                               />
                               <div
                                 aria-hidden="true"
@@ -9060,7 +9442,7 @@ exports[`add custom helm repository in preferences when navigating to preference
                            
                         </div>
                         <div
-                          class="Input theme round black disabled"
+                          class="Input theme round black"
                         >
                           <label
                             class="input-area flex gaps align-center"
@@ -9068,7 +9450,6 @@ exports[`add custom helm repository in preferences when navigating to preference
                           >
                             <input
                               class="input box grow"
-                              disabled=""
                               placeholder="/some-electron-app-path-for-user-data/binaries"
                               spellcheck="false"
                               value=""
@@ -9099,7 +9480,7 @@ exports[`add custom helm repository in preferences when navigating to preference
                            
                         </div>
                         <div
-                          class="Input theme round black"
+                          class="Input theme round black disabled"
                         >
                           <label
                             class="input-area flex gaps align-center"
@@ -9107,6 +9488,7 @@ exports[`add custom helm repository in preferences when navigating to preference
                           >
                             <input
                               class="input box grow"
+                              disabled=""
                               placeholder="/some-electron-app-path-for-user-data/binaries/kubectl"
                               spellcheck="false"
                               value=""
@@ -9150,13 +9532,39 @@ exports[`add custom helm repository in preferences when navigating to preference
                       Synced Items
                        
                     </div>
-                    <div
-                      class="notice mt-3"
-                    >
+                    <div>
                       <div
-                        class="flex-grow text-center"
+                        class="item flex gaps align-center justify-space-between mt-3"
                       >
-                        No files and folders have been synced yet
+                        <i
+                          class="Icon material focusable"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="folder"
+                          >
+                            folder
+                          </span>
+                        </i>
+                        <div
+                          class="flex-grow break-all"
+                        >
+                          /Users/sebastianmalton/.kube
+                        </div>
+                        <i
+                          class="Icon material interactive focusable"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="delete"
+                          >
+                            delete
+                          </span>
+                        </i>
+                        <div>
+                          Remove
+                        </div>
                       </div>
                     </div>
                   </section>
@@ -9342,7 +9750,23 @@ exports[`add custom helm repository in preferences when navigating to preference
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -9409,7 +9833,7 @@ exports[`add custom helm repository in preferences when navigating to preference
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
diff --git a/src/features/helm-charts/__snapshots__/add-helm-repository-from-list-in-preferences.test.ts.snap b/src/features/helm-charts/__snapshots__/add-helm-repository-from-list-in-preferences.test.ts.snap
index b549a56a73..a1e1367451 100644
--- a/src/features/helm-charts/__snapshots__/add-helm-repository-from-list-in-preferences.test.ts.snap
+++ b/src/features/helm-charts/__snapshots__/add-helm-repository-from-list-in-preferences.test.ts.snap
@@ -195,6 +195,7 @@ exports[`add helm repository from list in preferences when navigating to prefere
                         >
                           Download kubectl binaries matching the Kubernetes cluster version
                           <input
+                            checked=""
                             role="switch"
                             type="checkbox"
                           />
@@ -215,7 +216,7 @@ exports[`add helm repository from list in preferences when navigating to prefere
                            
                         </div>
                         <div
-                          class="Select theme-lens Select--is-disabled css-3iigni-container"
+                          class="Select theme-lens css-b62m3t-container"
                         >
                           <span
                             class="css-1f43avz-a11yText-A11yText"
@@ -228,31 +229,28 @@ exports[`add helm repository from list in preferences when navigating to prefere
                             class="css-1f43avz-a11yText-A11yText"
                           />
                           <div
-                            class="Select__control Select__control--is-disabled css-16xfy0z-control"
+                            class="Select__control css-13cymwt-control"
                           >
                             <div
-                              class="Select__value-container css-1fdsijx-ValueContainer"
+                              class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                             >
                               <div
-                                class="Select__placeholder css-1jqq78o-placeholder"
-                                id="react-select-download-mirror-input-placeholder"
+                                class="Select__single-value css-1dimb5e-singleValue"
                               >
-                                Download mirror for kubectl
+                                Default (Google)
                               </div>
                               <div
-                                class="Select__input-container css-1h01tm3-Input"
+                                class="Select__input-container css-qbdosj-Input"
                                 data-value=""
                               >
                                 <input
                                   aria-autocomplete="list"
-                                  aria-describedby="react-select-download-mirror-input-placeholder"
                                   aria-expanded="false"
                                   aria-haspopup="true"
                                   autocapitalize="none"
                                   autocomplete="off"
                                   autocorrect="off"
                                   class="Select__input"
-                                  disabled=""
                                   id="download-mirror-input"
                                   role="combobox"
                                   spellcheck="false"
@@ -267,7 +265,7 @@ exports[`add helm repository from list in preferences when navigating to prefere
                               class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                             >
                               <span
-                                class="Select__indicator-separator css-894a34-indicatorSeparator"
+                                class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                               />
                               <div
                                 aria-hidden="true"
@@ -305,7 +303,7 @@ exports[`add helm repository from list in preferences when navigating to prefere
                            
                         </div>
                         <div
-                          class="Input theme round black disabled"
+                          class="Input theme round black"
                         >
                           <label
                             class="input-area flex gaps align-center"
@@ -313,7 +311,6 @@ exports[`add helm repository from list in preferences when navigating to prefere
                           >
                             <input
                               class="input box grow"
-                              disabled=""
                               placeholder="/some-electron-app-path-for-user-data/binaries"
                               spellcheck="false"
                               value=""
@@ -344,7 +341,7 @@ exports[`add helm repository from list in preferences when navigating to prefere
                            
                         </div>
                         <div
-                          class="Input theme round black"
+                          class="Input theme round black disabled"
                         >
                           <label
                             class="input-area flex gaps align-center"
@@ -352,6 +349,7 @@ exports[`add helm repository from list in preferences when navigating to prefere
                           >
                             <input
                               class="input box grow"
+                              disabled=""
                               placeholder="/some-electron-app-path-for-user-data/binaries/kubectl"
                               spellcheck="false"
                               value=""
@@ -396,13 +394,11 @@ exports[`add helm repository from list in preferences when navigating to prefere
                        
                     </div>
                     <div
-                      class="notice mt-3"
+                      class="loading-spinner"
                     >
                       <div
-                        class="flex-grow text-center"
-                      >
-                        No files and folders have been synced yet
-                      </div>
+                        class="Spinner singleColor"
+                      />
                     </div>
                   </section>
                 </div>
@@ -587,7 +583,23 @@ exports[`add helm repository from list in preferences when navigating to prefere
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -654,7 +666,7 @@ exports[`add helm repository from list in preferences when navigating to prefere
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
@@ -886,6 +898,7 @@ exports[`add helm repository from list in preferences when navigating to prefere
                         >
                           Download kubectl binaries matching the Kubernetes cluster version
                           <input
+                            checked=""
                             role="switch"
                             type="checkbox"
                           />
@@ -906,7 +919,7 @@ exports[`add helm repository from list in preferences when navigating to prefere
                            
                         </div>
                         <div
-                          class="Select theme-lens Select--is-disabled css-3iigni-container"
+                          class="Select theme-lens css-b62m3t-container"
                         >
                           <span
                             class="css-1f43avz-a11yText-A11yText"
@@ -919,31 +932,28 @@ exports[`add helm repository from list in preferences when navigating to prefere
                             class="css-1f43avz-a11yText-A11yText"
                           />
                           <div
-                            class="Select__control Select__control--is-disabled css-16xfy0z-control"
+                            class="Select__control css-13cymwt-control"
                           >
                             <div
-                              class="Select__value-container css-1fdsijx-ValueContainer"
+                              class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                             >
                               <div
-                                class="Select__placeholder css-1jqq78o-placeholder"
-                                id="react-select-download-mirror-input-placeholder"
+                                class="Select__single-value css-1dimb5e-singleValue"
                               >
-                                Download mirror for kubectl
+                                Default (Google)
                               </div>
                               <div
-                                class="Select__input-container css-1h01tm3-Input"
+                                class="Select__input-container css-qbdosj-Input"
                                 data-value=""
                               >
                                 <input
                                   aria-autocomplete="list"
-                                  aria-describedby="react-select-download-mirror-input-placeholder"
                                   aria-expanded="false"
                                   aria-haspopup="true"
                                   autocapitalize="none"
                                   autocomplete="off"
                                   autocorrect="off"
                                   class="Select__input"
-                                  disabled=""
                                   id="download-mirror-input"
                                   role="combobox"
                                   spellcheck="false"
@@ -958,7 +968,7 @@ exports[`add helm repository from list in preferences when navigating to prefere
                               class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                             >
                               <span
-                                class="Select__indicator-separator css-894a34-indicatorSeparator"
+                                class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                               />
                               <div
                                 aria-hidden="true"
@@ -996,7 +1006,7 @@ exports[`add helm repository from list in preferences when navigating to prefere
                            
                         </div>
                         <div
-                          class="Input theme round black disabled"
+                          class="Input theme round black"
                         >
                           <label
                             class="input-area flex gaps align-center"
@@ -1004,7 +1014,6 @@ exports[`add helm repository from list in preferences when navigating to prefere
                           >
                             <input
                               class="input box grow"
-                              disabled=""
                               placeholder="/some-electron-app-path-for-user-data/binaries"
                               spellcheck="false"
                               value=""
@@ -1035,7 +1044,7 @@ exports[`add helm repository from list in preferences when navigating to prefere
                            
                         </div>
                         <div
-                          class="Input theme round black"
+                          class="Input theme round black disabled"
                         >
                           <label
                             class="input-area flex gaps align-center"
@@ -1043,6 +1052,7 @@ exports[`add helm repository from list in preferences when navigating to prefere
                           >
                             <input
                               class="input box grow"
+                              disabled=""
                               placeholder="/some-electron-app-path-for-user-data/binaries/kubectl"
                               spellcheck="false"
                               value=""
@@ -1087,13 +1097,11 @@ exports[`add helm repository from list in preferences when navigating to prefere
                        
                     </div>
                     <div
-                      class="notice mt-3"
+                      class="loading-spinner"
                     >
                       <div
-                        class="flex-grow text-center"
-                      >
-                        No files and folders have been synced yet
-                      </div>
+                        class="Spinner singleColor"
+                      />
                     </div>
                   </section>
                 </div>
@@ -1289,7 +1297,23 @@ exports[`add helm repository from list in preferences when navigating to prefere
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -1356,7 +1380,7 @@ exports[`add helm repository from list in preferences when navigating to prefere
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
@@ -1588,6 +1612,7 @@ exports[`add helm repository from list in preferences when navigating to prefere
                         >
                           Download kubectl binaries matching the Kubernetes cluster version
                           <input
+                            checked=""
                             role="switch"
                             type="checkbox"
                           />
@@ -1608,7 +1633,7 @@ exports[`add helm repository from list in preferences when navigating to prefere
                            
                         </div>
                         <div
-                          class="Select theme-lens Select--is-disabled css-3iigni-container"
+                          class="Select theme-lens css-b62m3t-container"
                         >
                           <span
                             class="css-1f43avz-a11yText-A11yText"
@@ -1621,31 +1646,28 @@ exports[`add helm repository from list in preferences when navigating to prefere
                             class="css-1f43avz-a11yText-A11yText"
                           />
                           <div
-                            class="Select__control Select__control--is-disabled css-16xfy0z-control"
+                            class="Select__control css-13cymwt-control"
                           >
                             <div
-                              class="Select__value-container css-1fdsijx-ValueContainer"
+                              class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                             >
                               <div
-                                class="Select__placeholder css-1jqq78o-placeholder"
-                                id="react-select-download-mirror-input-placeholder"
+                                class="Select__single-value css-1dimb5e-singleValue"
                               >
-                                Download mirror for kubectl
+                                Default (Google)
                               </div>
                               <div
-                                class="Select__input-container css-1h01tm3-Input"
+                                class="Select__input-container css-qbdosj-Input"
                                 data-value=""
                               >
                                 <input
                                   aria-autocomplete="list"
-                                  aria-describedby="react-select-download-mirror-input-placeholder"
                                   aria-expanded="false"
                                   aria-haspopup="true"
                                   autocapitalize="none"
                                   autocomplete="off"
                                   autocorrect="off"
                                   class="Select__input"
-                                  disabled=""
                                   id="download-mirror-input"
                                   role="combobox"
                                   spellcheck="false"
@@ -1660,7 +1682,7 @@ exports[`add helm repository from list in preferences when navigating to prefere
                               class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                             >
                               <span
-                                class="Select__indicator-separator css-894a34-indicatorSeparator"
+                                class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                               />
                               <div
                                 aria-hidden="true"
@@ -1698,7 +1720,7 @@ exports[`add helm repository from list in preferences when navigating to prefere
                            
                         </div>
                         <div
-                          class="Input theme round black disabled"
+                          class="Input theme round black"
                         >
                           <label
                             class="input-area flex gaps align-center"
@@ -1706,7 +1728,6 @@ exports[`add helm repository from list in preferences when navigating to prefere
                           >
                             <input
                               class="input box grow"
-                              disabled=""
                               placeholder="/some-electron-app-path-for-user-data/binaries"
                               spellcheck="false"
                               value=""
@@ -1737,7 +1758,7 @@ exports[`add helm repository from list in preferences when navigating to prefere
                            
                         </div>
                         <div
-                          class="Input theme round black"
+                          class="Input theme round black disabled"
                         >
                           <label
                             class="input-area flex gaps align-center"
@@ -1745,6 +1766,7 @@ exports[`add helm repository from list in preferences when navigating to prefere
                           >
                             <input
                               class="input box grow"
+                              disabled=""
                               placeholder="/some-electron-app-path-for-user-data/binaries/kubectl"
                               spellcheck="false"
                               value=""
@@ -1788,13 +1810,39 @@ exports[`add helm repository from list in preferences when navigating to prefere
                       Synced Items
                        
                     </div>
-                    <div
-                      class="notice mt-3"
-                    >
+                    <div>
                       <div
-                        class="flex-grow text-center"
+                        class="item flex gaps align-center justify-space-between mt-3"
                       >
-                        No files and folders have been synced yet
+                        <i
+                          class="Icon material focusable"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="folder"
+                          >
+                            folder
+                          </span>
+                        </i>
+                        <div
+                          class="flex-grow break-all"
+                        >
+                          /Users/sebastianmalton/.kube
+                        </div>
+                        <i
+                          class="Icon material interactive focusable"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="delete"
+                          >
+                            delete
+                          </span>
+                        </i>
+                        <div>
+                          Remove
+                        </div>
                       </div>
                     </div>
                   </section>
@@ -1993,7 +2041,23 @@ exports[`add helm repository from list in preferences when navigating to prefere
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -2060,7 +2124,7 @@ exports[`add helm repository from list in preferences when navigating to prefere
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
@@ -2343,6 +2407,7 @@ exports[`add helm repository from list in preferences when navigating to prefere
                         >
                           Download kubectl binaries matching the Kubernetes cluster version
                           <input
+                            checked=""
                             role="switch"
                             type="checkbox"
                           />
@@ -2363,7 +2428,7 @@ exports[`add helm repository from list in preferences when navigating to prefere
                            
                         </div>
                         <div
-                          class="Select theme-lens Select--is-disabled css-3iigni-container"
+                          class="Select theme-lens css-b62m3t-container"
                         >
                           <span
                             class="css-1f43avz-a11yText-A11yText"
@@ -2376,31 +2441,28 @@ exports[`add helm repository from list in preferences when navigating to prefere
                             class="css-1f43avz-a11yText-A11yText"
                           />
                           <div
-                            class="Select__control Select__control--is-disabled css-16xfy0z-control"
+                            class="Select__control css-13cymwt-control"
                           >
                             <div
-                              class="Select__value-container css-1fdsijx-ValueContainer"
+                              class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                             >
                               <div
-                                class="Select__placeholder css-1jqq78o-placeholder"
-                                id="react-select-download-mirror-input-placeholder"
+                                class="Select__single-value css-1dimb5e-singleValue"
                               >
-                                Download mirror for kubectl
+                                Default (Google)
                               </div>
                               <div
-                                class="Select__input-container css-1h01tm3-Input"
+                                class="Select__input-container css-qbdosj-Input"
                                 data-value=""
                               >
                                 <input
                                   aria-autocomplete="list"
-                                  aria-describedby="react-select-download-mirror-input-placeholder"
                                   aria-expanded="false"
                                   aria-haspopup="true"
                                   autocapitalize="none"
                                   autocomplete="off"
                                   autocorrect="off"
                                   class="Select__input"
-                                  disabled=""
                                   id="download-mirror-input"
                                   role="combobox"
                                   spellcheck="false"
@@ -2415,7 +2477,7 @@ exports[`add helm repository from list in preferences when navigating to prefere
                               class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                             >
                               <span
-                                class="Select__indicator-separator css-894a34-indicatorSeparator"
+                                class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                               />
                               <div
                                 aria-hidden="true"
@@ -2453,7 +2515,7 @@ exports[`add helm repository from list in preferences when navigating to prefere
                            
                         </div>
                         <div
-                          class="Input theme round black disabled"
+                          class="Input theme round black"
                         >
                           <label
                             class="input-area flex gaps align-center"
@@ -2461,7 +2523,6 @@ exports[`add helm repository from list in preferences when navigating to prefere
                           >
                             <input
                               class="input box grow"
-                              disabled=""
                               placeholder="/some-electron-app-path-for-user-data/binaries"
                               spellcheck="false"
                               value=""
@@ -2492,7 +2553,7 @@ exports[`add helm repository from list in preferences when navigating to prefere
                            
                         </div>
                         <div
-                          class="Input theme round black"
+                          class="Input theme round black disabled"
                         >
                           <label
                             class="input-area flex gaps align-center"
@@ -2500,6 +2561,7 @@ exports[`add helm repository from list in preferences when navigating to prefere
                           >
                             <input
                               class="input box grow"
+                              disabled=""
                               placeholder="/some-electron-app-path-for-user-data/binaries/kubectl"
                               spellcheck="false"
                               value=""
@@ -2543,13 +2605,39 @@ exports[`add helm repository from list in preferences when navigating to prefere
                       Synced Items
                        
                     </div>
-                    <div
-                      class="notice mt-3"
-                    >
+                    <div>
                       <div
-                        class="flex-grow text-center"
+                        class="item flex gaps align-center justify-space-between mt-3"
                       >
-                        No files and folders have been synced yet
+                        <i
+                          class="Icon material focusable"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="folder"
+                          >
+                            folder
+                          </span>
+                        </i>
+                        <div
+                          class="flex-grow break-all"
+                        >
+                          /Users/sebastianmalton/.kube
+                        </div>
+                        <i
+                          class="Icon material interactive focusable"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="delete"
+                          >
+                            delete
+                          </span>
+                        </i>
+                        <div>
+                          Remove
+                        </div>
                       </div>
                     </div>
                   </section>
@@ -2746,7 +2834,23 @@ exports[`add helm repository from list in preferences when navigating to prefere
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -2813,7 +2917,7 @@ exports[`add helm repository from list in preferences when navigating to prefere
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
@@ -3045,6 +3149,7 @@ exports[`add helm repository from list in preferences when navigating to prefere
                         >
                           Download kubectl binaries matching the Kubernetes cluster version
                           <input
+                            checked=""
                             role="switch"
                             type="checkbox"
                           />
@@ -3065,7 +3170,7 @@ exports[`add helm repository from list in preferences when navigating to prefere
                            
                         </div>
                         <div
-                          class="Select theme-lens Select--is-disabled css-3iigni-container"
+                          class="Select theme-lens css-b62m3t-container"
                         >
                           <span
                             class="css-1f43avz-a11yText-A11yText"
@@ -3078,31 +3183,28 @@ exports[`add helm repository from list in preferences when navigating to prefere
                             class="css-1f43avz-a11yText-A11yText"
                           />
                           <div
-                            class="Select__control Select__control--is-disabled css-16xfy0z-control"
+                            class="Select__control css-13cymwt-control"
                           >
                             <div
-                              class="Select__value-container css-1fdsijx-ValueContainer"
+                              class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                             >
                               <div
-                                class="Select__placeholder css-1jqq78o-placeholder"
-                                id="react-select-download-mirror-input-placeholder"
+                                class="Select__single-value css-1dimb5e-singleValue"
                               >
-                                Download mirror for kubectl
+                                Default (Google)
                               </div>
                               <div
-                                class="Select__input-container css-1h01tm3-Input"
+                                class="Select__input-container css-qbdosj-Input"
                                 data-value=""
                               >
                                 <input
                                   aria-autocomplete="list"
-                                  aria-describedby="react-select-download-mirror-input-placeholder"
                                   aria-expanded="false"
                                   aria-haspopup="true"
                                   autocapitalize="none"
                                   autocomplete="off"
                                   autocorrect="off"
                                   class="Select__input"
-                                  disabled=""
                                   id="download-mirror-input"
                                   role="combobox"
                                   spellcheck="false"
@@ -3117,7 +3219,7 @@ exports[`add helm repository from list in preferences when navigating to prefere
                               class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                             >
                               <span
-                                class="Select__indicator-separator css-894a34-indicatorSeparator"
+                                class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                               />
                               <div
                                 aria-hidden="true"
@@ -3155,7 +3257,7 @@ exports[`add helm repository from list in preferences when navigating to prefere
                            
                         </div>
                         <div
-                          class="Input theme round black disabled"
+                          class="Input theme round black"
                         >
                           <label
                             class="input-area flex gaps align-center"
@@ -3163,7 +3265,6 @@ exports[`add helm repository from list in preferences when navigating to prefere
                           >
                             <input
                               class="input box grow"
-                              disabled=""
                               placeholder="/some-electron-app-path-for-user-data/binaries"
                               spellcheck="false"
                               value=""
@@ -3194,7 +3295,7 @@ exports[`add helm repository from list in preferences when navigating to prefere
                            
                         </div>
                         <div
-                          class="Input theme round black"
+                          class="Input theme round black disabled"
                         >
                           <label
                             class="input-area flex gaps align-center"
@@ -3202,6 +3303,7 @@ exports[`add helm repository from list in preferences when navigating to prefere
                           >
                             <input
                               class="input box grow"
+                              disabled=""
                               placeholder="/some-electron-app-path-for-user-data/binaries/kubectl"
                               spellcheck="false"
                               value=""
@@ -3245,13 +3347,39 @@ exports[`add helm repository from list in preferences when navigating to prefere
                       Synced Items
                        
                     </div>
-                    <div
-                      class="notice mt-3"
-                    >
+                    <div>
                       <div
-                        class="flex-grow text-center"
+                        class="item flex gaps align-center justify-space-between mt-3"
                       >
-                        No files and folders have been synced yet
+                        <i
+                          class="Icon material focusable"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="folder"
+                          >
+                            folder
+                          </span>
+                        </i>
+                        <div
+                          class="flex-grow break-all"
+                        >
+                          /Users/sebastianmalton/.kube
+                        </div>
+                        <i
+                          class="Icon material interactive focusable"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="delete"
+                          >
+                            delete
+                          </span>
+                        </i>
+                        <div>
+                          Remove
+                        </div>
                       </div>
                     </div>
                   </section>
@@ -3448,7 +3576,23 @@ exports[`add helm repository from list in preferences when navigating to prefere
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -3515,7 +3659,7 @@ exports[`add helm repository from list in preferences when navigating to prefere
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
@@ -3747,6 +3891,7 @@ exports[`add helm repository from list in preferences when navigating to prefere
                         >
                           Download kubectl binaries matching the Kubernetes cluster version
                           <input
+                            checked=""
                             role="switch"
                             type="checkbox"
                           />
@@ -3767,7 +3912,7 @@ exports[`add helm repository from list in preferences when navigating to prefere
                            
                         </div>
                         <div
-                          class="Select theme-lens Select--is-disabled css-3iigni-container"
+                          class="Select theme-lens css-b62m3t-container"
                         >
                           <span
                             class="css-1f43avz-a11yText-A11yText"
@@ -3780,31 +3925,28 @@ exports[`add helm repository from list in preferences when navigating to prefere
                             class="css-1f43avz-a11yText-A11yText"
                           />
                           <div
-                            class="Select__control Select__control--is-disabled css-16xfy0z-control"
+                            class="Select__control css-13cymwt-control"
                           >
                             <div
-                              class="Select__value-container css-1fdsijx-ValueContainer"
+                              class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                             >
                               <div
-                                class="Select__placeholder css-1jqq78o-placeholder"
-                                id="react-select-download-mirror-input-placeholder"
+                                class="Select__single-value css-1dimb5e-singleValue"
                               >
-                                Download mirror for kubectl
+                                Default (Google)
                               </div>
                               <div
-                                class="Select__input-container css-1h01tm3-Input"
+                                class="Select__input-container css-qbdosj-Input"
                                 data-value=""
                               >
                                 <input
                                   aria-autocomplete="list"
-                                  aria-describedby="react-select-download-mirror-input-placeholder"
                                   aria-expanded="false"
                                   aria-haspopup="true"
                                   autocapitalize="none"
                                   autocomplete="off"
                                   autocorrect="off"
                                   class="Select__input"
-                                  disabled=""
                                   id="download-mirror-input"
                                   role="combobox"
                                   spellcheck="false"
@@ -3819,7 +3961,7 @@ exports[`add helm repository from list in preferences when navigating to prefere
                               class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                             >
                               <span
-                                class="Select__indicator-separator css-894a34-indicatorSeparator"
+                                class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                               />
                               <div
                                 aria-hidden="true"
@@ -3857,7 +3999,7 @@ exports[`add helm repository from list in preferences when navigating to prefere
                            
                         </div>
                         <div
-                          class="Input theme round black disabled"
+                          class="Input theme round black"
                         >
                           <label
                             class="input-area flex gaps align-center"
@@ -3865,7 +4007,6 @@ exports[`add helm repository from list in preferences when navigating to prefere
                           >
                             <input
                               class="input box grow"
-                              disabled=""
                               placeholder="/some-electron-app-path-for-user-data/binaries"
                               spellcheck="false"
                               value=""
@@ -3896,7 +4037,7 @@ exports[`add helm repository from list in preferences when navigating to prefere
                            
                         </div>
                         <div
-                          class="Input theme round black"
+                          class="Input theme round black disabled"
                         >
                           <label
                             class="input-area flex gaps align-center"
@@ -3904,6 +4045,7 @@ exports[`add helm repository from list in preferences when navigating to prefere
                           >
                             <input
                               class="input box grow"
+                              disabled=""
                               placeholder="/some-electron-app-path-for-user-data/binaries/kubectl"
                               spellcheck="false"
                               value=""
@@ -3947,13 +4089,39 @@ exports[`add helm repository from list in preferences when navigating to prefere
                       Synced Items
                        
                     </div>
-                    <div
-                      class="notice mt-3"
-                    >
+                    <div>
                       <div
-                        class="flex-grow text-center"
+                        class="item flex gaps align-center justify-space-between mt-3"
                       >
-                        No files and folders have been synced yet
+                        <i
+                          class="Icon material focusable"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="folder"
+                          >
+                            folder
+                          </span>
+                        </i>
+                        <div
+                          class="flex-grow break-all"
+                        >
+                          /Users/sebastianmalton/.kube
+                        </div>
+                        <i
+                          class="Icon material interactive focusable"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="delete"
+                          >
+                            delete
+                          </span>
+                        </i>
+                        <div>
+                          Remove
+                        </div>
                       </div>
                     </div>
                   </section>
@@ -4139,7 +4307,23 @@ exports[`add helm repository from list in preferences when navigating to prefere
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -4206,7 +4390,7 @@ exports[`add helm repository from list in preferences when navigating to prefere
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
@@ -4438,6 +4622,7 @@ exports[`add helm repository from list in preferences when navigating to prefere
                         >
                           Download kubectl binaries matching the Kubernetes cluster version
                           <input
+                            checked=""
                             role="switch"
                             type="checkbox"
                           />
@@ -4458,7 +4643,7 @@ exports[`add helm repository from list in preferences when navigating to prefere
                            
                         </div>
                         <div
-                          class="Select theme-lens Select--is-disabled css-3iigni-container"
+                          class="Select theme-lens css-b62m3t-container"
                         >
                           <span
                             class="css-1f43avz-a11yText-A11yText"
@@ -4471,31 +4656,28 @@ exports[`add helm repository from list in preferences when navigating to prefere
                             class="css-1f43avz-a11yText-A11yText"
                           />
                           <div
-                            class="Select__control Select__control--is-disabled css-16xfy0z-control"
+                            class="Select__control css-13cymwt-control"
                           >
                             <div
-                              class="Select__value-container css-1fdsijx-ValueContainer"
+                              class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                             >
                               <div
-                                class="Select__placeholder css-1jqq78o-placeholder"
-                                id="react-select-download-mirror-input-placeholder"
+                                class="Select__single-value css-1dimb5e-singleValue"
                               >
-                                Download mirror for kubectl
+                                Default (Google)
                               </div>
                               <div
-                                class="Select__input-container css-1h01tm3-Input"
+                                class="Select__input-container css-qbdosj-Input"
                                 data-value=""
                               >
                                 <input
                                   aria-autocomplete="list"
-                                  aria-describedby="react-select-download-mirror-input-placeholder"
                                   aria-expanded="false"
                                   aria-haspopup="true"
                                   autocapitalize="none"
                                   autocomplete="off"
                                   autocorrect="off"
                                   class="Select__input"
-                                  disabled=""
                                   id="download-mirror-input"
                                   role="combobox"
                                   spellcheck="false"
@@ -4510,7 +4692,7 @@ exports[`add helm repository from list in preferences when navigating to prefere
                               class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                             >
                               <span
-                                class="Select__indicator-separator css-894a34-indicatorSeparator"
+                                class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                               />
                               <div
                                 aria-hidden="true"
@@ -4548,7 +4730,7 @@ exports[`add helm repository from list in preferences when navigating to prefere
                            
                         </div>
                         <div
-                          class="Input theme round black disabled"
+                          class="Input theme round black"
                         >
                           <label
                             class="input-area flex gaps align-center"
@@ -4556,7 +4738,6 @@ exports[`add helm repository from list in preferences when navigating to prefere
                           >
                             <input
                               class="input box grow"
-                              disabled=""
                               placeholder="/some-electron-app-path-for-user-data/binaries"
                               spellcheck="false"
                               value=""
@@ -4587,7 +4768,7 @@ exports[`add helm repository from list in preferences when navigating to prefere
                            
                         </div>
                         <div
-                          class="Input theme round black"
+                          class="Input theme round black disabled"
                         >
                           <label
                             class="input-area flex gaps align-center"
@@ -4595,6 +4776,7 @@ exports[`add helm repository from list in preferences when navigating to prefere
                           >
                             <input
                               class="input box grow"
+                              disabled=""
                               placeholder="/some-electron-app-path-for-user-data/binaries/kubectl"
                               spellcheck="false"
                               value=""
@@ -4638,13 +4820,39 @@ exports[`add helm repository from list in preferences when navigating to prefere
                       Synced Items
                        
                     </div>
-                    <div
-                      class="notice mt-3"
-                    >
+                    <div>
                       <div
-                        class="flex-grow text-center"
+                        class="item flex gaps align-center justify-space-between mt-3"
                       >
-                        No files and folders have been synced yet
+                        <i
+                          class="Icon material focusable"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="folder"
+                          >
+                            folder
+                          </span>
+                        </i>
+                        <div
+                          class="flex-grow break-all"
+                        >
+                          /Users/sebastianmalton/.kube
+                        </div>
+                        <i
+                          class="Icon material interactive focusable"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="delete"
+                          >
+                            delete
+                          </span>
+                        </i>
+                        <div>
+                          Remove
+                        </div>
                       </div>
                     </div>
                   </section>
@@ -4875,7 +5083,23 @@ exports[`add helm repository from list in preferences when navigating to prefere
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -4942,7 +5166,7 @@ exports[`add helm repository from list in preferences when navigating to prefere
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
@@ -5174,6 +5398,7 @@ exports[`add helm repository from list in preferences when navigating to prefere
                         >
                           Download kubectl binaries matching the Kubernetes cluster version
                           <input
+                            checked=""
                             role="switch"
                             type="checkbox"
                           />
@@ -5194,7 +5419,7 @@ exports[`add helm repository from list in preferences when navigating to prefere
                            
                         </div>
                         <div
-                          class="Select theme-lens Select--is-disabled css-3iigni-container"
+                          class="Select theme-lens css-b62m3t-container"
                         >
                           <span
                             class="css-1f43avz-a11yText-A11yText"
@@ -5207,31 +5432,28 @@ exports[`add helm repository from list in preferences when navigating to prefere
                             class="css-1f43avz-a11yText-A11yText"
                           />
                           <div
-                            class="Select__control Select__control--is-disabled css-16xfy0z-control"
+                            class="Select__control css-13cymwt-control"
                           >
                             <div
-                              class="Select__value-container css-1fdsijx-ValueContainer"
+                              class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                             >
                               <div
-                                class="Select__placeholder css-1jqq78o-placeholder"
-                                id="react-select-download-mirror-input-placeholder"
+                                class="Select__single-value css-1dimb5e-singleValue"
                               >
-                                Download mirror for kubectl
+                                Default (Google)
                               </div>
                               <div
-                                class="Select__input-container css-1h01tm3-Input"
+                                class="Select__input-container css-qbdosj-Input"
                                 data-value=""
                               >
                                 <input
                                   aria-autocomplete="list"
-                                  aria-describedby="react-select-download-mirror-input-placeholder"
                                   aria-expanded="false"
                                   aria-haspopup="true"
                                   autocapitalize="none"
                                   autocomplete="off"
                                   autocorrect="off"
                                   class="Select__input"
-                                  disabled=""
                                   id="download-mirror-input"
                                   role="combobox"
                                   spellcheck="false"
@@ -5246,7 +5468,7 @@ exports[`add helm repository from list in preferences when navigating to prefere
                               class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                             >
                               <span
-                                class="Select__indicator-separator css-894a34-indicatorSeparator"
+                                class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                               />
                               <div
                                 aria-hidden="true"
@@ -5284,7 +5506,7 @@ exports[`add helm repository from list in preferences when navigating to prefere
                            
                         </div>
                         <div
-                          class="Input theme round black disabled"
+                          class="Input theme round black"
                         >
                           <label
                             class="input-area flex gaps align-center"
@@ -5292,7 +5514,6 @@ exports[`add helm repository from list in preferences when navigating to prefere
                           >
                             <input
                               class="input box grow"
-                              disabled=""
                               placeholder="/some-electron-app-path-for-user-data/binaries"
                               spellcheck="false"
                               value=""
@@ -5323,7 +5544,7 @@ exports[`add helm repository from list in preferences when navigating to prefere
                            
                         </div>
                         <div
-                          class="Input theme round black"
+                          class="Input theme round black disabled"
                         >
                           <label
                             class="input-area flex gaps align-center"
@@ -5331,6 +5552,7 @@ exports[`add helm repository from list in preferences when navigating to prefere
                           >
                             <input
                               class="input box grow"
+                              disabled=""
                               placeholder="/some-electron-app-path-for-user-data/binaries/kubectl"
                               spellcheck="false"
                               value=""
@@ -5374,13 +5596,39 @@ exports[`add helm repository from list in preferences when navigating to prefere
                       Synced Items
                        
                     </div>
-                    <div
-                      class="notice mt-3"
-                    >
+                    <div>
                       <div
-                        class="flex-grow text-center"
+                        class="item flex gaps align-center justify-space-between mt-3"
                       >
-                        No files and folders have been synced yet
+                        <i
+                          class="Icon material focusable"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="folder"
+                          >
+                            folder
+                          </span>
+                        </i>
+                        <div
+                          class="flex-grow break-all"
+                        >
+                          /Users/sebastianmalton/.kube
+                        </div>
+                        <i
+                          class="Icon material interactive focusable"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="delete"
+                          >
+                            delete
+                          </span>
+                        </i>
+                        <div>
+                          Remove
+                        </div>
                       </div>
                     </div>
                   </section>
@@ -5613,7 +5861,23 @@ exports[`add helm repository from list in preferences when navigating to prefere
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -5680,7 +5944,7 @@ exports[`add helm repository from list in preferences when navigating to prefere
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
@@ -5973,6 +6237,7 @@ exports[`add helm repository from list in preferences when navigating to prefere
                         >
                           Download kubectl binaries matching the Kubernetes cluster version
                           <input
+                            checked=""
                             role="switch"
                             type="checkbox"
                           />
@@ -5993,7 +6258,7 @@ exports[`add helm repository from list in preferences when navigating to prefere
                            
                         </div>
                         <div
-                          class="Select theme-lens Select--is-disabled css-3iigni-container"
+                          class="Select theme-lens css-b62m3t-container"
                         >
                           <span
                             class="css-1f43avz-a11yText-A11yText"
@@ -6006,31 +6271,28 @@ exports[`add helm repository from list in preferences when navigating to prefere
                             class="css-1f43avz-a11yText-A11yText"
                           />
                           <div
-                            class="Select__control Select__control--is-disabled css-16xfy0z-control"
+                            class="Select__control css-13cymwt-control"
                           >
                             <div
-                              class="Select__value-container css-1fdsijx-ValueContainer"
+                              class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                             >
                               <div
-                                class="Select__placeholder css-1jqq78o-placeholder"
-                                id="react-select-download-mirror-input-placeholder"
+                                class="Select__single-value css-1dimb5e-singleValue"
                               >
-                                Download mirror for kubectl
+                                Default (Google)
                               </div>
                               <div
-                                class="Select__input-container css-1h01tm3-Input"
+                                class="Select__input-container css-qbdosj-Input"
                                 data-value=""
                               >
                                 <input
                                   aria-autocomplete="list"
-                                  aria-describedby="react-select-download-mirror-input-placeholder"
                                   aria-expanded="false"
                                   aria-haspopup="true"
                                   autocapitalize="none"
                                   autocomplete="off"
                                   autocorrect="off"
                                   class="Select__input"
-                                  disabled=""
                                   id="download-mirror-input"
                                   role="combobox"
                                   spellcheck="false"
@@ -6045,7 +6307,7 @@ exports[`add helm repository from list in preferences when navigating to prefere
                               class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                             >
                               <span
-                                class="Select__indicator-separator css-894a34-indicatorSeparator"
+                                class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                               />
                               <div
                                 aria-hidden="true"
@@ -6083,7 +6345,7 @@ exports[`add helm repository from list in preferences when navigating to prefere
                            
                         </div>
                         <div
-                          class="Input theme round black disabled"
+                          class="Input theme round black"
                         >
                           <label
                             class="input-area flex gaps align-center"
@@ -6091,7 +6353,6 @@ exports[`add helm repository from list in preferences when navigating to prefere
                           >
                             <input
                               class="input box grow"
-                              disabled=""
                               placeholder="/some-electron-app-path-for-user-data/binaries"
                               spellcheck="false"
                               value=""
@@ -6122,7 +6383,7 @@ exports[`add helm repository from list in preferences when navigating to prefere
                            
                         </div>
                         <div
-                          class="Input theme round black"
+                          class="Input theme round black disabled"
                         >
                           <label
                             class="input-area flex gaps align-center"
@@ -6130,6 +6391,7 @@ exports[`add helm repository from list in preferences when navigating to prefere
                           >
                             <input
                               class="input box grow"
+                              disabled=""
                               placeholder="/some-electron-app-path-for-user-data/binaries/kubectl"
                               spellcheck="false"
                               value=""
@@ -6173,13 +6435,39 @@ exports[`add helm repository from list in preferences when navigating to prefere
                       Synced Items
                        
                     </div>
-                    <div
-                      class="notice mt-3"
-                    >
+                    <div>
                       <div
-                        class="flex-grow text-center"
+                        class="item flex gaps align-center justify-space-between mt-3"
                       >
-                        No files and folders have been synced yet
+                        <i
+                          class="Icon material focusable"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="folder"
+                          >
+                            folder
+                          </span>
+                        </i>
+                        <div
+                          class="flex-grow break-all"
+                        >
+                          /Users/sebastianmalton/.kube
+                        </div>
+                        <i
+                          class="Icon material interactive focusable"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="delete"
+                          >
+                            delete
+                          </span>
+                        </i>
+                        <div>
+                          Remove
+                        </div>
                       </div>
                     </div>
                   </section>
@@ -6410,7 +6698,23 @@ exports[`add helm repository from list in preferences when navigating to prefere
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -6477,7 +6781,7 @@ exports[`add helm repository from list in preferences when navigating to prefere
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
@@ -6709,6 +7013,7 @@ exports[`add helm repository from list in preferences when navigating to prefere
                         >
                           Download kubectl binaries matching the Kubernetes cluster version
                           <input
+                            checked=""
                             role="switch"
                             type="checkbox"
                           />
@@ -6729,7 +7034,7 @@ exports[`add helm repository from list in preferences when navigating to prefere
                            
                         </div>
                         <div
-                          class="Select theme-lens Select--is-disabled css-3iigni-container"
+                          class="Select theme-lens css-b62m3t-container"
                         >
                           <span
                             class="css-1f43avz-a11yText-A11yText"
@@ -6742,31 +7047,28 @@ exports[`add helm repository from list in preferences when navigating to prefere
                             class="css-1f43avz-a11yText-A11yText"
                           />
                           <div
-                            class="Select__control Select__control--is-disabled css-16xfy0z-control"
+                            class="Select__control css-13cymwt-control"
                           >
                             <div
-                              class="Select__value-container css-1fdsijx-ValueContainer"
+                              class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                             >
                               <div
-                                class="Select__placeholder css-1jqq78o-placeholder"
-                                id="react-select-download-mirror-input-placeholder"
+                                class="Select__single-value css-1dimb5e-singleValue"
                               >
-                                Download mirror for kubectl
+                                Default (Google)
                               </div>
                               <div
-                                class="Select__input-container css-1h01tm3-Input"
+                                class="Select__input-container css-qbdosj-Input"
                                 data-value=""
                               >
                                 <input
                                   aria-autocomplete="list"
-                                  aria-describedby="react-select-download-mirror-input-placeholder"
                                   aria-expanded="false"
                                   aria-haspopup="true"
                                   autocapitalize="none"
                                   autocomplete="off"
                                   autocorrect="off"
                                   class="Select__input"
-                                  disabled=""
                                   id="download-mirror-input"
                                   role="combobox"
                                   spellcheck="false"
@@ -6781,7 +7083,7 @@ exports[`add helm repository from list in preferences when navigating to prefere
                               class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                             >
                               <span
-                                class="Select__indicator-separator css-894a34-indicatorSeparator"
+                                class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                               />
                               <div
                                 aria-hidden="true"
@@ -6819,7 +7121,7 @@ exports[`add helm repository from list in preferences when navigating to prefere
                            
                         </div>
                         <div
-                          class="Input theme round black disabled"
+                          class="Input theme round black"
                         >
                           <label
                             class="input-area flex gaps align-center"
@@ -6827,7 +7129,6 @@ exports[`add helm repository from list in preferences when navigating to prefere
                           >
                             <input
                               class="input box grow"
-                              disabled=""
                               placeholder="/some-electron-app-path-for-user-data/binaries"
                               spellcheck="false"
                               value=""
@@ -6858,7 +7159,7 @@ exports[`add helm repository from list in preferences when navigating to prefere
                            
                         </div>
                         <div
-                          class="Input theme round black"
+                          class="Input theme round black disabled"
                         >
                           <label
                             class="input-area flex gaps align-center"
@@ -6866,6 +7167,7 @@ exports[`add helm repository from list in preferences when navigating to prefere
                           >
                             <input
                               class="input box grow"
+                              disabled=""
                               placeholder="/some-electron-app-path-for-user-data/binaries/kubectl"
                               spellcheck="false"
                               value=""
@@ -6909,13 +7211,39 @@ exports[`add helm repository from list in preferences when navigating to prefere
                       Synced Items
                        
                     </div>
-                    <div
-                      class="notice mt-3"
-                    >
+                    <div>
                       <div
-                        class="flex-grow text-center"
+                        class="item flex gaps align-center justify-space-between mt-3"
                       >
-                        No files and folders have been synced yet
+                        <i
+                          class="Icon material focusable"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="folder"
+                          >
+                            folder
+                          </span>
+                        </i>
+                        <div
+                          class="flex-grow break-all"
+                        >
+                          /Users/sebastianmalton/.kube
+                        </div>
+                        <i
+                          class="Icon material interactive focusable"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="delete"
+                          >
+                            delete
+                          </span>
+                        </i>
+                        <div>
+                          Remove
+                        </div>
                       </div>
                     </div>
                   </section>
@@ -7101,7 +7429,23 @@ exports[`add helm repository from list in preferences when navigating to prefere
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -7168,7 +7512,7 @@ exports[`add helm repository from list in preferences when navigating to prefere
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
diff --git a/src/features/helm-charts/__snapshots__/listing-active-helm-repositories-in-preferences.test.ts.snap b/src/features/helm-charts/__snapshots__/listing-active-helm-repositories-in-preferences.test.ts.snap
index f3b99b6a50..06b0d8ca73 100644
--- a/src/features/helm-charts/__snapshots__/listing-active-helm-repositories-in-preferences.test.ts.snap
+++ b/src/features/helm-charts/__snapshots__/listing-active-helm-repositories-in-preferences.test.ts.snap
@@ -582,13 +582,9 @@ exports[`listing active helm repositories in preferences when navigating to pref
         >
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="0"
           >
             <div
-              data-rbd-draggable-context-id="some-mock-rbd-draggable-context-id"
-              data-rbd-draggable-id="some-mock-rbd-draggable-id"
               style="z-index: 12; position: absolute;"
             >
               <div
@@ -606,68 +602,46 @@ exports[`listing active helm repositories in preferences when navigating to pref
           </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="1"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="2"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="3"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="4"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="5"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="6"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="7"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="8"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="9"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="10"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="11"
           />
         </div>
@@ -1339,13 +1313,9 @@ exports[`listing active helm repositories in preferences when navigating to pref
         >
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="0"
           >
             <div
-              data-rbd-draggable-context-id="some-mock-rbd-draggable-context-id"
-              data-rbd-draggable-id="some-mock-rbd-draggable-id"
               style="z-index: 12; position: absolute;"
             >
               <div
@@ -1363,68 +1333,46 @@ exports[`listing active helm repositories in preferences when navigating to pref
           </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="1"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="2"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="3"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="4"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="5"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="6"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="7"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="8"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="9"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="10"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="11"
           />
         </div>
@@ -1988,13 +1936,9 @@ exports[`listing active helm repositories in preferences when navigating to pref
         >
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="0"
           >
             <div
-              data-rbd-draggable-context-id="some-mock-rbd-draggable-context-id"
-              data-rbd-draggable-id="some-mock-rbd-draggable-id"
               style="z-index: 12; position: absolute;"
             >
               <div
@@ -2012,68 +1956,46 @@ exports[`listing active helm repositories in preferences when navigating to pref
           </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="1"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="2"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="3"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="4"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="5"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="6"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="7"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="8"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="9"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="10"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="11"
           />
         </div>
@@ -2745,13 +2667,9 @@ exports[`listing active helm repositories in preferences when navigating to pref
         >
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="0"
           >
             <div
-              data-rbd-draggable-context-id="some-mock-rbd-draggable-context-id"
-              data-rbd-draggable-id="some-mock-rbd-draggable-id"
               style="z-index: 12; position: absolute;"
             >
               <div
@@ -2769,68 +2687,46 @@ exports[`listing active helm repositories in preferences when navigating to pref
           </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="1"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="2"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="3"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="4"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="5"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="6"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="7"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="8"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="9"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="10"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="11"
           />
         </div>
@@ -3394,13 +3290,9 @@ exports[`listing active helm repositories in preferences when navigating to pref
         >
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="0"
           >
             <div
-              data-rbd-draggable-context-id="some-mock-rbd-draggable-context-id"
-              data-rbd-draggable-id="some-mock-rbd-draggable-id"
               style="z-index: 12; position: absolute;"
             >
               <div
@@ -3418,68 +3310,46 @@ exports[`listing active helm repositories in preferences when navigating to pref
           </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="1"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="2"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="3"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="4"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="5"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="6"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="7"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="8"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="9"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="10"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="11"
           />
         </div>
@@ -4151,13 +4021,9 @@ exports[`listing active helm repositories in preferences when navigating to pref
         >
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="0"
           >
             <div
-              data-rbd-draggable-context-id="some-mock-rbd-draggable-context-id"
-              data-rbd-draggable-id="some-mock-rbd-draggable-id"
               style="z-index: 12; position: absolute;"
             >
               <div
@@ -4175,68 +4041,46 @@ exports[`listing active helm repositories in preferences when navigating to pref
           </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="1"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="2"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="3"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="4"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="5"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="6"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="7"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="8"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="9"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="10"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="11"
           />
         </div>
@@ -4953,13 +4797,9 @@ exports[`listing active helm repositories in preferences when navigating to pref
         >
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="0"
           >
             <div
-              data-rbd-draggable-context-id="some-mock-rbd-draggable-context-id"
-              data-rbd-draggable-id="some-mock-rbd-draggable-id"
               style="z-index: 12; position: absolute;"
             >
               <div
@@ -4977,68 +4817,46 @@ exports[`listing active helm repositories in preferences when navigating to pref
           </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="1"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="2"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="3"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="4"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="5"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="6"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="7"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="8"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="9"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="10"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="11"
           />
         </div>
@@ -5602,13 +5420,9 @@ exports[`listing active helm repositories in preferences when navigating to pref
         >
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="0"
           >
             <div
-              data-rbd-draggable-context-id="some-mock-rbd-draggable-context-id"
-              data-rbd-draggable-id="some-mock-rbd-draggable-id"
               style="z-index: 12; position: absolute;"
             >
               <div
@@ -5626,68 +5440,46 @@ exports[`listing active helm repositories in preferences when navigating to pref
           </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="1"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="2"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="3"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="4"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="5"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="6"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="7"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="8"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="9"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="10"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="11"
           />
         </div>
@@ -6251,13 +6043,9 @@ exports[`listing active helm repositories in preferences when navigating to pref
         >
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="0"
           >
             <div
-              data-rbd-draggable-context-id="some-mock-rbd-draggable-context-id"
-              data-rbd-draggable-id="some-mock-rbd-draggable-id"
               style="z-index: 12; position: absolute;"
             >
               <div
@@ -6275,68 +6063,46 @@ exports[`listing active helm repositories in preferences when navigating to pref
           </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="1"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="2"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="3"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="4"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="5"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="6"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="7"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="8"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="9"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="10"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="11"
           />
         </div>
@@ -6900,13 +6666,9 @@ exports[`listing active helm repositories in preferences when navigating to pref
         >
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="0"
           >
             <div
-              data-rbd-draggable-context-id="some-mock-rbd-draggable-context-id"
-              data-rbd-draggable-id="some-mock-rbd-draggable-id"
               style="z-index: 12; position: absolute;"
             >
               <div
@@ -6924,68 +6686,46 @@ exports[`listing active helm repositories in preferences when navigating to pref
           </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="1"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="2"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="3"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="4"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="5"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="6"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="7"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="8"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="9"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="10"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
-            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
-            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="11"
           />
         </div>
diff --git a/src/features/helm-charts/__snapshots__/remove-helm-repository-from-list-of-active-repository-in-preferences.test.ts.snap b/src/features/helm-charts/__snapshots__/remove-helm-repository-from-list-of-active-repository-in-preferences.test.ts.snap
index fcb84987ec..44d1f15961 100644
--- a/src/features/helm-charts/__snapshots__/remove-helm-repository-from-list-of-active-repository-in-preferences.test.ts.snap
+++ b/src/features/helm-charts/__snapshots__/remove-helm-repository-from-list-of-active-repository-in-preferences.test.ts.snap
@@ -195,6 +195,7 @@ exports[`remove helm repository from list of active repositories in preferences
                         >
                           Download kubectl binaries matching the Kubernetes cluster version
                           <input
+                            checked=""
                             role="switch"
                             type="checkbox"
                           />
@@ -215,7 +216,7 @@ exports[`remove helm repository from list of active repositories in preferences
                            
                         </div>
                         <div
-                          class="Select theme-lens Select--is-disabled css-3iigni-container"
+                          class="Select theme-lens css-b62m3t-container"
                         >
                           <span
                             class="css-1f43avz-a11yText-A11yText"
@@ -228,31 +229,28 @@ exports[`remove helm repository from list of active repositories in preferences
                             class="css-1f43avz-a11yText-A11yText"
                           />
                           <div
-                            class="Select__control Select__control--is-disabled css-16xfy0z-control"
+                            class="Select__control css-13cymwt-control"
                           >
                             <div
-                              class="Select__value-container css-1fdsijx-ValueContainer"
+                              class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                             >
                               <div
-                                class="Select__placeholder css-1jqq78o-placeholder"
-                                id="react-select-download-mirror-input-placeholder"
+                                class="Select__single-value css-1dimb5e-singleValue"
                               >
-                                Download mirror for kubectl
+                                Default (Google)
                               </div>
                               <div
-                                class="Select__input-container css-1h01tm3-Input"
+                                class="Select__input-container css-qbdosj-Input"
                                 data-value=""
                               >
                                 <input
                                   aria-autocomplete="list"
-                                  aria-describedby="react-select-download-mirror-input-placeholder"
                                   aria-expanded="false"
                                   aria-haspopup="true"
                                   autocapitalize="none"
                                   autocomplete="off"
                                   autocorrect="off"
                                   class="Select__input"
-                                  disabled=""
                                   id="download-mirror-input"
                                   role="combobox"
                                   spellcheck="false"
@@ -267,7 +265,7 @@ exports[`remove helm repository from list of active repositories in preferences
                               class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                             >
                               <span
-                                class="Select__indicator-separator css-894a34-indicatorSeparator"
+                                class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                               />
                               <div
                                 aria-hidden="true"
@@ -305,7 +303,7 @@ exports[`remove helm repository from list of active repositories in preferences
                            
                         </div>
                         <div
-                          class="Input theme round black disabled"
+                          class="Input theme round black"
                         >
                           <label
                             class="input-area flex gaps align-center"
@@ -313,7 +311,6 @@ exports[`remove helm repository from list of active repositories in preferences
                           >
                             <input
                               class="input box grow"
-                              disabled=""
                               placeholder="/some-electron-app-path-for-user-data/binaries"
                               spellcheck="false"
                               value=""
@@ -344,7 +341,7 @@ exports[`remove helm repository from list of active repositories in preferences
                            
                         </div>
                         <div
-                          class="Input theme round black"
+                          class="Input theme round black disabled"
                         >
                           <label
                             class="input-area flex gaps align-center"
@@ -352,6 +349,7 @@ exports[`remove helm repository from list of active repositories in preferences
                           >
                             <input
                               class="input box grow"
+                              disabled=""
                               placeholder="/some-electron-app-path-for-user-data/binaries/kubectl"
                               spellcheck="false"
                               value=""
@@ -396,13 +394,11 @@ exports[`remove helm repository from list of active repositories in preferences
                        
                     </div>
                     <div
-                      class="notice mt-3"
+                      class="loading-spinner"
                     >
                       <div
-                        class="flex-grow text-center"
-                      >
-                        No files and folders have been synced yet
-                      </div>
+                        class="Spinner singleColor"
+                      />
                     </div>
                   </section>
                 </div>
@@ -587,7 +583,23 @@ exports[`remove helm repository from list of active repositories in preferences
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -654,7 +666,7 @@ exports[`remove helm repository from list of active repositories in preferences
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
@@ -886,6 +898,7 @@ exports[`remove helm repository from list of active repositories in preferences
                         >
                           Download kubectl binaries matching the Kubernetes cluster version
                           <input
+                            checked=""
                             role="switch"
                             type="checkbox"
                           />
@@ -906,7 +919,7 @@ exports[`remove helm repository from list of active repositories in preferences
                            
                         </div>
                         <div
-                          class="Select theme-lens Select--is-disabled css-3iigni-container"
+                          class="Select theme-lens css-b62m3t-container"
                         >
                           <span
                             class="css-1f43avz-a11yText-A11yText"
@@ -919,31 +932,28 @@ exports[`remove helm repository from list of active repositories in preferences
                             class="css-1f43avz-a11yText-A11yText"
                           />
                           <div
-                            class="Select__control Select__control--is-disabled css-16xfy0z-control"
+                            class="Select__control css-13cymwt-control"
                           >
                             <div
-                              class="Select__value-container css-1fdsijx-ValueContainer"
+                              class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                             >
                               <div
-                                class="Select__placeholder css-1jqq78o-placeholder"
-                                id="react-select-download-mirror-input-placeholder"
+                                class="Select__single-value css-1dimb5e-singleValue"
                               >
-                                Download mirror for kubectl
+                                Default (Google)
                               </div>
                               <div
-                                class="Select__input-container css-1h01tm3-Input"
+                                class="Select__input-container css-qbdosj-Input"
                                 data-value=""
                               >
                                 <input
                                   aria-autocomplete="list"
-                                  aria-describedby="react-select-download-mirror-input-placeholder"
                                   aria-expanded="false"
                                   aria-haspopup="true"
                                   autocapitalize="none"
                                   autocomplete="off"
                                   autocorrect="off"
                                   class="Select__input"
-                                  disabled=""
                                   id="download-mirror-input"
                                   role="combobox"
                                   spellcheck="false"
@@ -958,7 +968,7 @@ exports[`remove helm repository from list of active repositories in preferences
                               class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                             >
                               <span
-                                class="Select__indicator-separator css-894a34-indicatorSeparator"
+                                class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                               />
                               <div
                                 aria-hidden="true"
@@ -996,7 +1006,7 @@ exports[`remove helm repository from list of active repositories in preferences
                            
                         </div>
                         <div
-                          class="Input theme round black disabled"
+                          class="Input theme round black"
                         >
                           <label
                             class="input-area flex gaps align-center"
@@ -1004,7 +1014,6 @@ exports[`remove helm repository from list of active repositories in preferences
                           >
                             <input
                               class="input box grow"
-                              disabled=""
                               placeholder="/some-electron-app-path-for-user-data/binaries"
                               spellcheck="false"
                               value=""
@@ -1035,7 +1044,7 @@ exports[`remove helm repository from list of active repositories in preferences
                            
                         </div>
                         <div
-                          class="Input theme round black"
+                          class="Input theme round black disabled"
                         >
                           <label
                             class="input-area flex gaps align-center"
@@ -1043,6 +1052,7 @@ exports[`remove helm repository from list of active repositories in preferences
                           >
                             <input
                               class="input box grow"
+                              disabled=""
                               placeholder="/some-electron-app-path-for-user-data/binaries/kubectl"
                               spellcheck="false"
                               value=""
@@ -1087,13 +1097,11 @@ exports[`remove helm repository from list of active repositories in preferences
                        
                     </div>
                     <div
-                      class="notice mt-3"
+                      class="loading-spinner"
                     >
                       <div
-                        class="flex-grow text-center"
-                      >
-                        No files and folders have been synced yet
-                      </div>
+                        class="Spinner singleColor"
+                      />
                     </div>
                   </section>
                 </div>
@@ -1289,7 +1297,23 @@ exports[`remove helm repository from list of active repositories in preferences
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -1356,7 +1380,7 @@ exports[`remove helm repository from list of active repositories in preferences
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
@@ -1588,6 +1612,7 @@ exports[`remove helm repository from list of active repositories in preferences
                         >
                           Download kubectl binaries matching the Kubernetes cluster version
                           <input
+                            checked=""
                             role="switch"
                             type="checkbox"
                           />
@@ -1608,7 +1633,7 @@ exports[`remove helm repository from list of active repositories in preferences
                            
                         </div>
                         <div
-                          class="Select theme-lens Select--is-disabled css-3iigni-container"
+                          class="Select theme-lens css-b62m3t-container"
                         >
                           <span
                             class="css-1f43avz-a11yText-A11yText"
@@ -1621,31 +1646,28 @@ exports[`remove helm repository from list of active repositories in preferences
                             class="css-1f43avz-a11yText-A11yText"
                           />
                           <div
-                            class="Select__control Select__control--is-disabled css-16xfy0z-control"
+                            class="Select__control css-13cymwt-control"
                           >
                             <div
-                              class="Select__value-container css-1fdsijx-ValueContainer"
+                              class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                             >
                               <div
-                                class="Select__placeholder css-1jqq78o-placeholder"
-                                id="react-select-download-mirror-input-placeholder"
+                                class="Select__single-value css-1dimb5e-singleValue"
                               >
-                                Download mirror for kubectl
+                                Default (Google)
                               </div>
                               <div
-                                class="Select__input-container css-1h01tm3-Input"
+                                class="Select__input-container css-qbdosj-Input"
                                 data-value=""
                               >
                                 <input
                                   aria-autocomplete="list"
-                                  aria-describedby="react-select-download-mirror-input-placeholder"
                                   aria-expanded="false"
                                   aria-haspopup="true"
                                   autocapitalize="none"
                                   autocomplete="off"
                                   autocorrect="off"
                                   class="Select__input"
-                                  disabled=""
                                   id="download-mirror-input"
                                   role="combobox"
                                   spellcheck="false"
@@ -1660,7 +1682,7 @@ exports[`remove helm repository from list of active repositories in preferences
                               class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                             >
                               <span
-                                class="Select__indicator-separator css-894a34-indicatorSeparator"
+                                class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                               />
                               <div
                                 aria-hidden="true"
@@ -1698,7 +1720,7 @@ exports[`remove helm repository from list of active repositories in preferences
                            
                         </div>
                         <div
-                          class="Input theme round black disabled"
+                          class="Input theme round black"
                         >
                           <label
                             class="input-area flex gaps align-center"
@@ -1706,7 +1728,6 @@ exports[`remove helm repository from list of active repositories in preferences
                           >
                             <input
                               class="input box grow"
-                              disabled=""
                               placeholder="/some-electron-app-path-for-user-data/binaries"
                               spellcheck="false"
                               value=""
@@ -1737,7 +1758,7 @@ exports[`remove helm repository from list of active repositories in preferences
                            
                         </div>
                         <div
-                          class="Input theme round black"
+                          class="Input theme round black disabled"
                         >
                           <label
                             class="input-area flex gaps align-center"
@@ -1745,6 +1766,7 @@ exports[`remove helm repository from list of active repositories in preferences
                           >
                             <input
                               class="input box grow"
+                              disabled=""
                               placeholder="/some-electron-app-path-for-user-data/binaries/kubectl"
                               spellcheck="false"
                               value=""
@@ -1789,13 +1811,11 @@ exports[`remove helm repository from list of active repositories in preferences
                        
                     </div>
                     <div
-                      class="notice mt-3"
+                      class="loading-spinner"
                     >
                       <div
-                        class="flex-grow text-center"
-                      >
-                        No files and folders have been synced yet
-                      </div>
+                        class="Spinner singleColor"
+                      />
                     </div>
                   </section>
                 </div>
@@ -1991,7 +2011,23 @@ exports[`remove helm repository from list of active repositories in preferences
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -2058,7 +2094,7 @@ exports[`remove helm repository from list of active repositories in preferences
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
@@ -2290,6 +2326,7 @@ exports[`remove helm repository from list of active repositories in preferences
                         >
                           Download kubectl binaries matching the Kubernetes cluster version
                           <input
+                            checked=""
                             role="switch"
                             type="checkbox"
                           />
@@ -2310,7 +2347,7 @@ exports[`remove helm repository from list of active repositories in preferences
                            
                         </div>
                         <div
-                          class="Select theme-lens Select--is-disabled css-3iigni-container"
+                          class="Select theme-lens css-b62m3t-container"
                         >
                           <span
                             class="css-1f43avz-a11yText-A11yText"
@@ -2323,31 +2360,28 @@ exports[`remove helm repository from list of active repositories in preferences
                             class="css-1f43avz-a11yText-A11yText"
                           />
                           <div
-                            class="Select__control Select__control--is-disabled css-16xfy0z-control"
+                            class="Select__control css-13cymwt-control"
                           >
                             <div
-                              class="Select__value-container css-1fdsijx-ValueContainer"
+                              class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                             >
                               <div
-                                class="Select__placeholder css-1jqq78o-placeholder"
-                                id="react-select-download-mirror-input-placeholder"
+                                class="Select__single-value css-1dimb5e-singleValue"
                               >
-                                Download mirror for kubectl
+                                Default (Google)
                               </div>
                               <div
-                                class="Select__input-container css-1h01tm3-Input"
+                                class="Select__input-container css-qbdosj-Input"
                                 data-value=""
                               >
                                 <input
                                   aria-autocomplete="list"
-                                  aria-describedby="react-select-download-mirror-input-placeholder"
                                   aria-expanded="false"
                                   aria-haspopup="true"
                                   autocapitalize="none"
                                   autocomplete="off"
                                   autocorrect="off"
                                   class="Select__input"
-                                  disabled=""
                                   id="download-mirror-input"
                                   role="combobox"
                                   spellcheck="false"
@@ -2362,7 +2396,7 @@ exports[`remove helm repository from list of active repositories in preferences
                               class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                             >
                               <span
-                                class="Select__indicator-separator css-894a34-indicatorSeparator"
+                                class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                               />
                               <div
                                 aria-hidden="true"
@@ -2400,7 +2434,7 @@ exports[`remove helm repository from list of active repositories in preferences
                            
                         </div>
                         <div
-                          class="Input theme round black disabled"
+                          class="Input theme round black"
                         >
                           <label
                             class="input-area flex gaps align-center"
@@ -2408,7 +2442,6 @@ exports[`remove helm repository from list of active repositories in preferences
                           >
                             <input
                               class="input box grow"
-                              disabled=""
                               placeholder="/some-electron-app-path-for-user-data/binaries"
                               spellcheck="false"
                               value=""
@@ -2439,7 +2472,7 @@ exports[`remove helm repository from list of active repositories in preferences
                            
                         </div>
                         <div
-                          class="Input theme round black"
+                          class="Input theme round black disabled"
                         >
                           <label
                             class="input-area flex gaps align-center"
@@ -2447,6 +2480,7 @@ exports[`remove helm repository from list of active repositories in preferences
                           >
                             <input
                               class="input box grow"
+                              disabled=""
                               placeholder="/some-electron-app-path-for-user-data/binaries/kubectl"
                               spellcheck="false"
                               value=""
@@ -2491,13 +2525,11 @@ exports[`remove helm repository from list of active repositories in preferences
                        
                     </div>
                     <div
-                      class="notice mt-3"
+                      class="loading-spinner"
                     >
                       <div
-                        class="flex-grow text-center"
-                      >
-                        No files and folders have been synced yet
-                      </div>
+                        class="Spinner singleColor"
+                      />
                     </div>
                   </section>
                 </div>
@@ -2682,7 +2714,23 @@ exports[`remove helm repository from list of active repositories in preferences
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -2749,7 +2797,7 @@ exports[`remove helm repository from list of active repositories in preferences
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
diff --git a/src/features/preferences/__snapshots__/closing-preferences.test.tsx.snap b/src/features/preferences/__snapshots__/closing-preferences.test.tsx.snap
index 9926a0ba24..5ebb7ad8e8 100644
--- a/src/features/preferences/__snapshots__/closing-preferences.test.tsx.snap
+++ b/src/features/preferences/__snapshots__/closing-preferences.test.tsx.snap
@@ -304,13 +304,12 @@ exports[`preferences - closing-preferences given accessing preferences directly
                       class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-1fdsijx-ValueContainer"
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-1jqq78o-placeholder"
-                          id="react-select-extension-install-registry-input-placeholder"
+                          class="Select__single-value css-1dimb5e-singleValue"
                         >
-                          Select...
+                          Default Url
                         </div>
                         <div
                           class="Select__input-container css-qbdosj-Input"
@@ -318,7 +317,6 @@ exports[`preferences - closing-preferences given accessing preferences directly
                         >
                           <input
                             aria-autocomplete="list"
-                            aria-describedby="react-select-extension-install-registry-input-placeholder"
                             aria-expanded="false"
                             aria-haspopup="true"
                             autocapitalize="none"
@@ -383,7 +381,7 @@ exports[`preferences - closing-preferences given accessing preferences directly
                         disabled=""
                         placeholder="Custom Extension Registry URL..."
                         spellcheck="false"
-                        value="some-custom-url"
+                        value=""
                       />
                     </label>
                     <div
@@ -540,13 +538,12 @@ exports[`preferences - closing-preferences given accessing preferences directly
                       class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-1fdsijx-ValueContainer"
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-1jqq78o-placeholder"
-                          id="react-select-timezone-input-placeholder"
+                          class="Select__single-value css-1dimb5e-singleValue"
                         >
-                          Select...
+                          Africa/Abidjan
                         </div>
                         <div
                           class="Select__input-container css-qbdosj-Input"
@@ -554,7 +551,6 @@ exports[`preferences - closing-preferences given accessing preferences directly
                         >
                           <input
                             aria-autocomplete="list"
-                            aria-describedby="react-select-timezone-input-placeholder"
                             aria-expanded="false"
                             aria-haspopup="true"
                             autocapitalize="none"
@@ -647,7 +643,23 @@ exports[`preferences - closing-preferences given accessing preferences directly
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="0"
-        />
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="1"
@@ -714,7 +726,7 @@ exports[`preferences - closing-preferences given accessing preferences directly
             class="badge Badge small clickable"
             id="hotbarIndex"
           >
-            0
+            1
           </div>
         </div>
         <i
@@ -979,7 +991,23 @@ exports[`preferences - closing-preferences given accessing preferences directly
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="0"
-        />
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="1"
@@ -1046,7 +1074,7 @@ exports[`preferences - closing-preferences given accessing preferences directly
             class="badge Badge small clickable"
             id="hotbarIndex"
           >
-            0
+            1
           </div>
         </div>
         <i
@@ -1169,7 +1197,23 @@ exports[`preferences - closing-preferences given accessing preferences directly
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="0"
-        />
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="1"
@@ -1236,7 +1280,7 @@ exports[`preferences - closing-preferences given accessing preferences directly
             class="badge Badge small clickable"
             id="hotbarIndex"
           >
-            0
+            1
           </div>
         </div>
         <i
@@ -1359,7 +1403,23 @@ exports[`preferences - closing-preferences given accessing preferences directly
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="0"
-        />
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="1"
@@ -1426,7 +1486,7 @@ exports[`preferences - closing-preferences given accessing preferences directly
             class="badge Badge small clickable"
             id="hotbarIndex"
           >
-            0
+            1
           </div>
         </div>
         <i
@@ -1766,13 +1826,12 @@ exports[`preferences - closing-preferences given already in a page and then navi
                       class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-1fdsijx-ValueContainer"
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-1jqq78o-placeholder"
-                          id="react-select-extension-install-registry-input-placeholder"
+                          class="Select__single-value css-1dimb5e-singleValue"
                         >
-                          Select...
+                          Default Url
                         </div>
                         <div
                           class="Select__input-container css-qbdosj-Input"
@@ -1780,7 +1839,6 @@ exports[`preferences - closing-preferences given already in a page and then navi
                         >
                           <input
                             aria-autocomplete="list"
-                            aria-describedby="react-select-extension-install-registry-input-placeholder"
                             aria-expanded="false"
                             aria-haspopup="true"
                             autocapitalize="none"
@@ -1845,7 +1903,7 @@ exports[`preferences - closing-preferences given already in a page and then navi
                         disabled=""
                         placeholder="Custom Extension Registry URL..."
                         spellcheck="false"
-                        value="some-custom-url"
+                        value=""
                       />
                     </label>
                     <div
@@ -2002,13 +2060,12 @@ exports[`preferences - closing-preferences given already in a page and then navi
                       class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-1fdsijx-ValueContainer"
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-1jqq78o-placeholder"
-                          id="react-select-timezone-input-placeholder"
+                          class="Select__single-value css-1dimb5e-singleValue"
                         >
-                          Select...
+                          Africa/Abidjan
                         </div>
                         <div
                           class="Select__input-container css-qbdosj-Input"
@@ -2016,7 +2073,6 @@ exports[`preferences - closing-preferences given already in a page and then navi
                         >
                           <input
                             aria-autocomplete="list"
-                            aria-describedby="react-select-timezone-input-placeholder"
                             aria-expanded="false"
                             aria-haspopup="true"
                             autocapitalize="none"
@@ -2109,7 +2165,23 @@ exports[`preferences - closing-preferences given already in a page and then navi
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="0"
-        />
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="1"
@@ -2176,7 +2248,7 @@ exports[`preferences - closing-preferences given already in a page and then navi
             class="badge Badge small clickable"
             id="hotbarIndex"
           >
-            0
+            1
           </div>
         </div>
         <i
@@ -2441,7 +2513,23 @@ exports[`preferences - closing-preferences given already in a page and then navi
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="0"
-        />
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="1"
@@ -2508,7 +2596,7 @@ exports[`preferences - closing-preferences given already in a page and then navi
             class="badge Badge small clickable"
             id="hotbarIndex"
           >
-            0
+            1
           </div>
         </div>
         <i
@@ -2631,7 +2719,23 @@ exports[`preferences - closing-preferences given already in a page and then navi
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="0"
-        />
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="1"
@@ -2698,7 +2802,7 @@ exports[`preferences - closing-preferences given already in a page and then navi
             class="badge Badge small clickable"
             id="hotbarIndex"
           >
-            0
+            1
           </div>
         </div>
         <i
@@ -2821,7 +2925,23 @@ exports[`preferences - closing-preferences given already in a page and then navi
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="0"
-        />
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="1"
@@ -2888,7 +3008,7 @@ exports[`preferences - closing-preferences given already in a page and then navi
             class="badge Badge small clickable"
             id="hotbarIndex"
           >
-            0
+            1
           </div>
         </div>
         <i
diff --git a/src/features/preferences/__snapshots__/extension-adding-preference-tabs.test.tsx.snap b/src/features/preferences/__snapshots__/extension-adding-preference-tabs.test.tsx.snap
index dabb5a49a7..12bb122d94 100644
--- a/src/features/preferences/__snapshots__/extension-adding-preference-tabs.test.tsx.snap
+++ b/src/features/preferences/__snapshots__/extension-adding-preference-tabs.test.tsx.snap
@@ -317,13 +317,12 @@ exports[`preferences: extension adding preference tabs given in preferences, whe
                         class="Select__control css-13cymwt-control"
                       >
                         <div
-                          class="Select__value-container css-1fdsijx-ValueContainer"
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                         >
                           <div
-                            class="Select__placeholder css-1jqq78o-placeholder"
-                            id="react-select-extension-install-registry-input-placeholder"
+                            class="Select__single-value css-1dimb5e-singleValue"
                           >
-                            Select...
+                            Default Url
                           </div>
                           <div
                             class="Select__input-container css-qbdosj-Input"
@@ -331,7 +330,6 @@ exports[`preferences: extension adding preference tabs given in preferences, whe
                           >
                             <input
                               aria-autocomplete="list"
-                              aria-describedby="react-select-extension-install-registry-input-placeholder"
                               aria-expanded="false"
                               aria-haspopup="true"
                               autocapitalize="none"
@@ -396,7 +394,7 @@ exports[`preferences: extension adding preference tabs given in preferences, whe
                           disabled=""
                           placeholder="Custom Extension Registry URL..."
                           spellcheck="false"
-                          value="some-custom-url"
+                          value=""
                         />
                       </label>
                       <div
@@ -553,13 +551,12 @@ exports[`preferences: extension adding preference tabs given in preferences, whe
                         class="Select__control css-13cymwt-control"
                       >
                         <div
-                          class="Select__value-container css-1fdsijx-ValueContainer"
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                         >
                           <div
-                            class="Select__placeholder css-1jqq78o-placeholder"
-                            id="react-select-timezone-input-placeholder"
+                            class="Select__single-value css-1dimb5e-singleValue"
                           >
-                            Select...
+                            Africa/Abidjan
                           </div>
                           <div
                             class="Select__input-container css-qbdosj-Input"
@@ -567,7 +564,6 @@ exports[`preferences: extension adding preference tabs given in preferences, whe
                           >
                             <input
                               aria-autocomplete="list"
-                              aria-describedby="react-select-timezone-input-placeholder"
                               aria-expanded="false"
                               aria-haspopup="true"
                               autocapitalize="none"
@@ -660,7 +656,23 @@ exports[`preferences: extension adding preference tabs given in preferences, whe
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -727,7 +739,7 @@ exports[`preferences: extension adding preference tabs given in preferences, whe
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
diff --git a/src/features/preferences/__snapshots__/hiding-of-empty-branches.test.tsx.snap b/src/features/preferences/__snapshots__/hiding-of-empty-branches.test.tsx.snap
index a7a23aa4f5..64fae1e764 100644
--- a/src/features/preferences/__snapshots__/hiding-of-empty-branches.test.tsx.snap
+++ b/src/features/preferences/__snapshots__/hiding-of-empty-branches.test.tsx.snap
@@ -292,13 +292,12 @@ exports[`preferences - hiding-of-empty-branches, given in preferences page given
                       class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-1fdsijx-ValueContainer"
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-1jqq78o-placeholder"
-                          id="react-select-extension-install-registry-input-placeholder"
+                          class="Select__single-value css-1dimb5e-singleValue"
                         >
-                          Select...
+                          Default Url
                         </div>
                         <div
                           class="Select__input-container css-qbdosj-Input"
@@ -306,7 +305,6 @@ exports[`preferences - hiding-of-empty-branches, given in preferences page given
                         >
                           <input
                             aria-autocomplete="list"
-                            aria-describedby="react-select-extension-install-registry-input-placeholder"
                             aria-expanded="false"
                             aria-haspopup="true"
                             autocapitalize="none"
@@ -371,7 +369,7 @@ exports[`preferences - hiding-of-empty-branches, given in preferences page given
                         disabled=""
                         placeholder="Custom Extension Registry URL..."
                         spellcheck="false"
-                        value="some-custom-url"
+                        value=""
                       />
                     </label>
                     <div
@@ -528,13 +526,12 @@ exports[`preferences - hiding-of-empty-branches, given in preferences page given
                       class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-1fdsijx-ValueContainer"
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-1jqq78o-placeholder"
-                          id="react-select-timezone-input-placeholder"
+                          class="Select__single-value css-1dimb5e-singleValue"
                         >
-                          Select...
+                          Africa/Abidjan
                         </div>
                         <div
                           class="Select__input-container css-qbdosj-Input"
@@ -542,7 +539,6 @@ exports[`preferences - hiding-of-empty-branches, given in preferences page given
                         >
                           <input
                             aria-autocomplete="list"
-                            aria-describedby="react-select-timezone-input-placeholder"
                             aria-expanded="false"
                             aria-haspopup="true"
                             autocapitalize="none"
@@ -635,7 +631,23 @@ exports[`preferences - hiding-of-empty-branches, given in preferences page given
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="0"
-        />
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="1"
@@ -702,7 +714,7 @@ exports[`preferences - hiding-of-empty-branches, given in preferences page given
             class="badge Badge small clickable"
             id="hotbarIndex"
           >
-            0
+            1
           </div>
         </div>
         <i
@@ -1058,13 +1070,12 @@ exports[`preferences - hiding-of-empty-branches, given in preferences page given
                       class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-1fdsijx-ValueContainer"
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-1jqq78o-placeholder"
-                          id="react-select-extension-install-registry-input-placeholder"
+                          class="Select__single-value css-1dimb5e-singleValue"
                         >
-                          Select...
+                          Default Url
                         </div>
                         <div
                           class="Select__input-container css-qbdosj-Input"
@@ -1072,7 +1083,6 @@ exports[`preferences - hiding-of-empty-branches, given in preferences page given
                         >
                           <input
                             aria-autocomplete="list"
-                            aria-describedby="react-select-extension-install-registry-input-placeholder"
                             aria-expanded="false"
                             aria-haspopup="true"
                             autocapitalize="none"
@@ -1137,7 +1147,7 @@ exports[`preferences - hiding-of-empty-branches, given in preferences page given
                         disabled=""
                         placeholder="Custom Extension Registry URL..."
                         spellcheck="false"
-                        value="some-custom-url"
+                        value=""
                       />
                     </label>
                     <div
@@ -1294,13 +1304,12 @@ exports[`preferences - hiding-of-empty-branches, given in preferences page given
                       class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-1fdsijx-ValueContainer"
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-1jqq78o-placeholder"
-                          id="react-select-timezone-input-placeholder"
+                          class="Select__single-value css-1dimb5e-singleValue"
                         >
-                          Select...
+                          Africa/Abidjan
                         </div>
                         <div
                           class="Select__input-container css-qbdosj-Input"
@@ -1308,7 +1317,6 @@ exports[`preferences - hiding-of-empty-branches, given in preferences page given
                         >
                           <input
                             aria-autocomplete="list"
-                            aria-describedby="react-select-timezone-input-placeholder"
                             aria-expanded="false"
                             aria-haspopup="true"
                             autocapitalize="none"
@@ -1401,7 +1409,23 @@ exports[`preferences - hiding-of-empty-branches, given in preferences page given
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="0"
-        />
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="1"
@@ -1468,7 +1492,7 @@ exports[`preferences - hiding-of-empty-branches, given in preferences page given
             class="badge Badge small clickable"
             id="hotbarIndex"
           >
-            0
+            1
           </div>
         </div>
         <i
@@ -1836,13 +1860,12 @@ exports[`preferences - hiding-of-empty-branches, given in preferences page given
                       class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-1fdsijx-ValueContainer"
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-1jqq78o-placeholder"
-                          id="react-select-extension-install-registry-input-placeholder"
+                          class="Select__single-value css-1dimb5e-singleValue"
                         >
-                          Select...
+                          Default Url
                         </div>
                         <div
                           class="Select__input-container css-qbdosj-Input"
@@ -1850,7 +1873,6 @@ exports[`preferences - hiding-of-empty-branches, given in preferences page given
                         >
                           <input
                             aria-autocomplete="list"
-                            aria-describedby="react-select-extension-install-registry-input-placeholder"
                             aria-expanded="false"
                             aria-haspopup="true"
                             autocapitalize="none"
@@ -1915,7 +1937,7 @@ exports[`preferences - hiding-of-empty-branches, given in preferences page given
                         disabled=""
                         placeholder="Custom Extension Registry URL..."
                         spellcheck="false"
-                        value="some-custom-url"
+                        value=""
                       />
                     </label>
                     <div
@@ -2072,13 +2094,12 @@ exports[`preferences - hiding-of-empty-branches, given in preferences page given
                       class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-1fdsijx-ValueContainer"
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-1jqq78o-placeholder"
-                          id="react-select-timezone-input-placeholder"
+                          class="Select__single-value css-1dimb5e-singleValue"
                         >
-                          Select...
+                          Africa/Abidjan
                         </div>
                         <div
                           class="Select__input-container css-qbdosj-Input"
@@ -2086,7 +2107,6 @@ exports[`preferences - hiding-of-empty-branches, given in preferences page given
                         >
                           <input
                             aria-autocomplete="list"
-                            aria-describedby="react-select-timezone-input-placeholder"
                             aria-expanded="false"
                             aria-haspopup="true"
                             autocapitalize="none"
@@ -2179,7 +2199,23 @@ exports[`preferences - hiding-of-empty-branches, given in preferences page given
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="0"
-        />
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="1"
@@ -2246,7 +2282,7 @@ exports[`preferences - hiding-of-empty-branches, given in preferences page given
             class="badge Badge small clickable"
             id="hotbarIndex"
           >
-            0
+            1
           </div>
         </div>
         <i
diff --git a/src/features/preferences/__snapshots__/navigation-to-application-preferences.test.tsx.snap b/src/features/preferences/__snapshots__/navigation-to-application-preferences.test.tsx.snap
index e55dd1929e..9500b20425 100644
--- a/src/features/preferences/__snapshots__/navigation-to-application-preferences.test.tsx.snap
+++ b/src/features/preferences/__snapshots__/navigation-to-application-preferences.test.tsx.snap
@@ -292,13 +292,12 @@ exports[`preferences - navigation to application preferences given in preference
                       class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-1fdsijx-ValueContainer"
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-1jqq78o-placeholder"
-                          id="react-select-extension-install-registry-input-placeholder"
+                          class="Select__single-value css-1dimb5e-singleValue"
                         >
-                          Select...
+                          Default Url
                         </div>
                         <div
                           class="Select__input-container css-qbdosj-Input"
@@ -306,7 +305,6 @@ exports[`preferences - navigation to application preferences given in preference
                         >
                           <input
                             aria-autocomplete="list"
-                            aria-describedby="react-select-extension-install-registry-input-placeholder"
                             aria-expanded="false"
                             aria-haspopup="true"
                             autocapitalize="none"
@@ -371,7 +369,7 @@ exports[`preferences - navigation to application preferences given in preference
                         disabled=""
                         placeholder="Custom Extension Registry URL..."
                         spellcheck="false"
-                        value="some-custom-url"
+                        value=""
                       />
                     </label>
                     <div
@@ -528,13 +526,12 @@ exports[`preferences - navigation to application preferences given in preference
                       class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-1fdsijx-ValueContainer"
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-1jqq78o-placeholder"
-                          id="react-select-timezone-input-placeholder"
+                          class="Select__single-value css-1dimb5e-singleValue"
                         >
-                          Select...
+                          Africa/Abidjan
                         </div>
                         <div
                           class="Select__input-container css-qbdosj-Input"
@@ -542,7 +539,6 @@ exports[`preferences - navigation to application preferences given in preference
                         >
                           <input
                             aria-autocomplete="list"
-                            aria-describedby="react-select-timezone-input-placeholder"
                             aria-expanded="false"
                             aria-haspopup="true"
                             autocapitalize="none"
@@ -635,7 +631,23 @@ exports[`preferences - navigation to application preferences given in preference
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="0"
-        />
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="1"
@@ -702,7 +714,7 @@ exports[`preferences - navigation to application preferences given in preference
             class="badge Badge small clickable"
             id="hotbarIndex"
           >
-            0
+            1
           </div>
         </div>
         <i
@@ -1030,13 +1042,12 @@ exports[`preferences - navigation to application preferences given in preference
                       class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-1fdsijx-ValueContainer"
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-1jqq78o-placeholder"
-                          id="react-select-extension-install-registry-input-placeholder"
+                          class="Select__single-value css-1dimb5e-singleValue"
                         >
-                          Select...
+                          Default Url
                         </div>
                         <div
                           class="Select__input-container css-qbdosj-Input"
@@ -1044,7 +1055,6 @@ exports[`preferences - navigation to application preferences given in preference
                         >
                           <input
                             aria-autocomplete="list"
-                            aria-describedby="react-select-extension-install-registry-input-placeholder"
                             aria-expanded="false"
                             aria-haspopup="true"
                             autocapitalize="none"
@@ -1109,7 +1119,7 @@ exports[`preferences - navigation to application preferences given in preference
                         disabled=""
                         placeholder="Custom Extension Registry URL..."
                         spellcheck="false"
-                        value="some-custom-url"
+                        value=""
                       />
                     </label>
                     <div
@@ -1266,13 +1276,12 @@ exports[`preferences - navigation to application preferences given in preference
                       class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-1fdsijx-ValueContainer"
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-1jqq78o-placeholder"
-                          id="react-select-timezone-input-placeholder"
+                          class="Select__single-value css-1dimb5e-singleValue"
                         >
-                          Select...
+                          Africa/Abidjan
                         </div>
                         <div
                           class="Select__input-container css-qbdosj-Input"
@@ -1280,7 +1289,6 @@ exports[`preferences - navigation to application preferences given in preference
                         >
                           <input
                             aria-autocomplete="list"
-                            aria-describedby="react-select-timezone-input-placeholder"
                             aria-expanded="false"
                             aria-haspopup="true"
                             autocapitalize="none"
@@ -1404,7 +1412,23 @@ exports[`preferences - navigation to application preferences given in preference
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="0"
-        />
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="1"
@@ -1471,7 +1495,7 @@ exports[`preferences - navigation to application preferences given in preference
             class="badge Badge small clickable"
             id="hotbarIndex"
           >
-            0
+            1
           </div>
         </div>
         <i
@@ -1794,7 +1818,23 @@ exports[`preferences - navigation to application preferences given in some child
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="0"
-        />
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="1"
@@ -1861,7 +1901,7 @@ exports[`preferences - navigation to application preferences given in some child
             class="badge Badge small clickable"
             id="hotbarIndex"
           >
-            0
+            1
           </div>
         </div>
         <i
@@ -2189,13 +2229,12 @@ exports[`preferences - navigation to application preferences given in some child
                       class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-1fdsijx-ValueContainer"
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-1jqq78o-placeholder"
-                          id="react-select-extension-install-registry-input-placeholder"
+                          class="Select__single-value css-1dimb5e-singleValue"
                         >
-                          Select...
+                          Default Url
                         </div>
                         <div
                           class="Select__input-container css-qbdosj-Input"
@@ -2203,7 +2242,6 @@ exports[`preferences - navigation to application preferences given in some child
                         >
                           <input
                             aria-autocomplete="list"
-                            aria-describedby="react-select-extension-install-registry-input-placeholder"
                             aria-expanded="false"
                             aria-haspopup="true"
                             autocapitalize="none"
@@ -2268,7 +2306,7 @@ exports[`preferences - navigation to application preferences given in some child
                         disabled=""
                         placeholder="Custom Extension Registry URL..."
                         spellcheck="false"
-                        value="some-custom-url"
+                        value=""
                       />
                     </label>
                     <div
@@ -2425,13 +2463,12 @@ exports[`preferences - navigation to application preferences given in some child
                       class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-1fdsijx-ValueContainer"
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-1jqq78o-placeholder"
-                          id="react-select-timezone-input-placeholder"
+                          class="Select__single-value css-1dimb5e-singleValue"
                         >
-                          Select...
+                          Africa/Abidjan
                         </div>
                         <div
                           class="Select__input-container css-qbdosj-Input"
@@ -2439,7 +2476,6 @@ exports[`preferences - navigation to application preferences given in some child
                         >
                           <input
                             aria-autocomplete="list"
-                            aria-describedby="react-select-timezone-input-placeholder"
                             aria-expanded="false"
                             aria-haspopup="true"
                             autocapitalize="none"
@@ -2532,7 +2568,23 @@ exports[`preferences - navigation to application preferences given in some child
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="0"
-        />
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="1"
@@ -2599,7 +2651,7 @@ exports[`preferences - navigation to application preferences given in some child
             class="badge Badge small clickable"
             id="hotbarIndex"
           >
-            0
+            1
           </div>
         </div>
         <i
@@ -2928,13 +2980,12 @@ exports[`preferences - navigation to application preferences given in some child
                         class="Select__control css-13cymwt-control"
                       >
                         <div
-                          class="Select__value-container css-1fdsijx-ValueContainer"
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                         >
                           <div
-                            class="Select__placeholder css-1jqq78o-placeholder"
-                            id="react-select-extension-install-registry-input-placeholder"
+                            class="Select__single-value css-1dimb5e-singleValue"
                           >
-                            Select...
+                            Default Url
                           </div>
                           <div
                             class="Select__input-container css-qbdosj-Input"
@@ -2942,7 +2993,6 @@ exports[`preferences - navigation to application preferences given in some child
                           >
                             <input
                               aria-autocomplete="list"
-                              aria-describedby="react-select-extension-install-registry-input-placeholder"
                               aria-expanded="false"
                               aria-haspopup="true"
                               autocapitalize="none"
@@ -3007,7 +3057,7 @@ exports[`preferences - navigation to application preferences given in some child
                           disabled=""
                           placeholder="Custom Extension Registry URL..."
                           spellcheck="false"
-                          value="some-custom-url"
+                          value=""
                         />
                       </label>
                       <div
@@ -3164,13 +3214,12 @@ exports[`preferences - navigation to application preferences given in some child
                         class="Select__control css-13cymwt-control"
                       >
                         <div
-                          class="Select__value-container css-1fdsijx-ValueContainer"
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                         >
                           <div
-                            class="Select__placeholder css-1jqq78o-placeholder"
-                            id="react-select-timezone-input-placeholder"
+                            class="Select__single-value css-1dimb5e-singleValue"
                           >
-                            Select...
+                            Africa/Abidjan
                           </div>
                           <div
                             class="Select__input-container css-qbdosj-Input"
@@ -3178,7 +3227,6 @@ exports[`preferences - navigation to application preferences given in some child
                           >
                             <input
                               aria-autocomplete="list"
-                              aria-describedby="react-select-timezone-input-placeholder"
                               aria-expanded="false"
                               aria-haspopup="true"
                               autocapitalize="none"
@@ -3271,7 +3319,23 @@ exports[`preferences - navigation to application preferences given in some child
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -3338,7 +3402,7 @@ exports[`preferences - navigation to application preferences given in some child
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
diff --git a/src/features/preferences/__snapshots__/navigation-to-editor-preferences.test.ts.snap b/src/features/preferences/__snapshots__/navigation-to-editor-preferences.test.ts.snap
index 2ed92b5a0a..5613bd0a64 100644
--- a/src/features/preferences/__snapshots__/navigation-to-editor-preferences.test.ts.snap
+++ b/src/features/preferences/__snapshots__/navigation-to-editor-preferences.test.ts.snap
@@ -292,13 +292,12 @@ exports[`preferences - navigation to editor preferences given in preferences, wh
                       class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-1fdsijx-ValueContainer"
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-1jqq78o-placeholder"
-                          id="react-select-extension-install-registry-input-placeholder"
+                          class="Select__single-value css-1dimb5e-singleValue"
                         >
-                          Select...
+                          Default Url
                         </div>
                         <div
                           class="Select__input-container css-qbdosj-Input"
@@ -306,7 +305,6 @@ exports[`preferences - navigation to editor preferences given in preferences, wh
                         >
                           <input
                             aria-autocomplete="list"
-                            aria-describedby="react-select-extension-install-registry-input-placeholder"
                             aria-expanded="false"
                             aria-haspopup="true"
                             autocapitalize="none"
@@ -371,7 +369,7 @@ exports[`preferences - navigation to editor preferences given in preferences, wh
                         disabled=""
                         placeholder="Custom Extension Registry URL..."
                         spellcheck="false"
-                        value="some-custom-url"
+                        value=""
                       />
                     </label>
                     <div
@@ -528,13 +526,12 @@ exports[`preferences - navigation to editor preferences given in preferences, wh
                       class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-1fdsijx-ValueContainer"
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-1jqq78o-placeholder"
-                          id="react-select-timezone-input-placeholder"
+                          class="Select__single-value css-1dimb5e-singleValue"
                         >
-                          Select...
+                          Africa/Abidjan
                         </div>
                         <div
                           class="Select__input-container css-qbdosj-Input"
@@ -542,7 +539,6 @@ exports[`preferences - navigation to editor preferences given in preferences, wh
                         >
                           <input
                             aria-autocomplete="list"
-                            aria-describedby="react-select-timezone-input-placeholder"
                             aria-expanded="false"
                             aria-haspopup="true"
                             autocapitalize="none"
@@ -635,7 +631,23 @@ exports[`preferences - navigation to editor preferences given in preferences, wh
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="0"
-        />
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="1"
@@ -702,7 +714,7 @@ exports[`preferences - navigation to editor preferences given in preferences, wh
             class="badge Badge small clickable"
             id="hotbarIndex"
           >
-            0
+            1
           </div>
         </div>
         <i
@@ -932,6 +944,7 @@ exports[`preferences - navigation to editor preferences given in preferences, wh
                       >
                         Show minimap
                         <input
+                          checked=""
                           role="switch"
                           type="checkbox"
                         />
@@ -962,13 +975,12 @@ exports[`preferences - navigation to editor preferences given in preferences, wh
                           class="Select__control css-13cymwt-control"
                         >
                           <div
-                            class="Select__value-container css-1fdsijx-ValueContainer"
+                            class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                           >
                             <div
-                              class="Select__placeholder css-1jqq78o-placeholder"
-                              id="react-select-minimap-input-placeholder"
+                              class="Select__single-value css-1dimb5e-singleValue"
                             >
-                              Select...
+                              right
                             </div>
                             <div
                               class="Select__input-container css-qbdosj-Input"
@@ -976,7 +988,6 @@ exports[`preferences - navigation to editor preferences given in preferences, wh
                             >
                               <input
                                 aria-autocomplete="list"
-                                aria-describedby="react-select-minimap-input-placeholder"
                                 aria-expanded="false"
                                 aria-haspopup="true"
                                 autocapitalize="none"
@@ -1053,13 +1064,12 @@ exports[`preferences - navigation to editor preferences given in preferences, wh
                       class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-1fdsijx-ValueContainer"
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-1jqq78o-placeholder"
-                          id="react-select-editor-line-numbers-input-placeholder"
+                          class="Select__single-value css-1dimb5e-singleValue"
                         >
-                          Select...
+                          On
                         </div>
                         <div
                           class="Select__input-container css-qbdosj-Input"
@@ -1067,7 +1077,6 @@ exports[`preferences - navigation to editor preferences given in preferences, wh
                         >
                           <input
                             aria-autocomplete="list"
-                            aria-describedby="react-select-editor-line-numbers-input-placeholder"
                             aria-expanded="false"
                             aria-haspopup="true"
                             autocapitalize="none"
@@ -1137,7 +1146,7 @@ exports[`preferences - navigation to editor preferences given in preferences, wh
                         min="1"
                         spellcheck="false"
                         type="number"
-                        value="42"
+                        value="2"
                       />
                     </label>
                     <div
@@ -1171,7 +1180,7 @@ exports[`preferences - navigation to editor preferences given in preferences, wh
                         min="10"
                         spellcheck="false"
                         type="number"
-                        value="42"
+                        value="12"
                       />
                     </label>
                     <div
@@ -1204,7 +1213,7 @@ exports[`preferences - navigation to editor preferences given in preferences, wh
                         class="input box grow"
                         spellcheck="false"
                         type="text"
-                        value=""
+                        value="RobotoMono"
                       />
                     </label>
                     <div
@@ -1261,7 +1270,23 @@ exports[`preferences - navigation to editor preferences given in preferences, wh
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="0"
-        />
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="1"
@@ -1328,7 +1353,7 @@ exports[`preferences - navigation to editor preferences given in preferences, wh
             class="badge Badge small clickable"
             id="hotbarIndex"
           >
-            0
+            1
           </div>
         </div>
         <i
diff --git a/src/features/preferences/__snapshots__/navigation-to-extension-specific-preferences.test.tsx.snap b/src/features/preferences/__snapshots__/navigation-to-extension-specific-preferences.test.tsx.snap
index 52510c3fdf..d46e17fa14 100644
--- a/src/features/preferences/__snapshots__/navigation-to-extension-specific-preferences.test.tsx.snap
+++ b/src/features/preferences/__snapshots__/navigation-to-extension-specific-preferences.test.tsx.snap
@@ -305,13 +305,12 @@ exports[`preferences - navigation to extension specific preferences given in pre
                         class="Select__control css-13cymwt-control"
                       >
                         <div
-                          class="Select__value-container css-1fdsijx-ValueContainer"
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                         >
                           <div
-                            class="Select__placeholder css-1jqq78o-placeholder"
-                            id="react-select-extension-install-registry-input-placeholder"
+                            class="Select__single-value css-1dimb5e-singleValue"
                           >
-                            Select...
+                            Default Url
                           </div>
                           <div
                             class="Select__input-container css-qbdosj-Input"
@@ -319,7 +318,6 @@ exports[`preferences - navigation to extension specific preferences given in pre
                           >
                             <input
                               aria-autocomplete="list"
-                              aria-describedby="react-select-extension-install-registry-input-placeholder"
                               aria-expanded="false"
                               aria-haspopup="true"
                               autocapitalize="none"
@@ -384,7 +382,7 @@ exports[`preferences - navigation to extension specific preferences given in pre
                           disabled=""
                           placeholder="Custom Extension Registry URL..."
                           spellcheck="false"
-                          value="some-custom-url"
+                          value=""
                         />
                       </label>
                       <div
@@ -541,13 +539,12 @@ exports[`preferences - navigation to extension specific preferences given in pre
                         class="Select__control css-13cymwt-control"
                       >
                         <div
-                          class="Select__value-container css-1fdsijx-ValueContainer"
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                         >
                           <div
-                            class="Select__placeholder css-1jqq78o-placeholder"
-                            id="react-select-timezone-input-placeholder"
+                            class="Select__single-value css-1dimb5e-singleValue"
                           >
-                            Select...
+                            Africa/Abidjan
                           </div>
                           <div
                             class="Select__input-container css-qbdosj-Input"
@@ -555,7 +552,6 @@ exports[`preferences - navigation to extension specific preferences given in pre
                           >
                             <input
                               aria-autocomplete="list"
-                              aria-describedby="react-select-timezone-input-placeholder"
                               aria-expanded="false"
                               aria-haspopup="true"
                               autocapitalize="none"
@@ -648,7 +644,23 @@ exports[`preferences - navigation to extension specific preferences given in pre
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -715,7 +727,7 @@ exports[`preferences - navigation to extension specific preferences given in pre
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
@@ -1012,7 +1024,23 @@ exports[`preferences - navigation to extension specific preferences given in pre
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="0"
-        />
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="1"
@@ -1079,7 +1107,7 @@ exports[`preferences - navigation to extension specific preferences given in pre
             class="badge Badge small clickable"
             id="hotbarIndex"
           >
-            0
+            1
           </div>
         </div>
         <i
@@ -1387,7 +1415,23 @@ exports[`preferences - navigation to extension specific preferences given in pre
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="0"
-        />
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="1"
@@ -1454,7 +1498,7 @@ exports[`preferences - navigation to extension specific preferences given in pre
             class="badge Badge small clickable"
             id="hotbarIndex"
           >
-            0
+            1
           </div>
         </div>
         <i
@@ -1762,7 +1806,23 @@ exports[`preferences - navigation to extension specific preferences given in pre
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="0"
-        />
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="1"
@@ -1829,7 +1889,7 @@ exports[`preferences - navigation to extension specific preferences given in pre
             class="badge Badge small clickable"
             id="hotbarIndex"
           >
-            0
+            1
           </div>
         </div>
         <i
@@ -2163,7 +2223,23 @@ exports[`preferences - navigation to extension specific preferences given in pre
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="0"
-        />
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="1"
@@ -2230,7 +2306,7 @@ exports[`preferences - navigation to extension specific preferences given in pre
             class="badge Badge small clickable"
             id="hotbarIndex"
           >
-            0
+            1
           </div>
         </div>
         <i
@@ -2558,13 +2634,12 @@ exports[`preferences - navigation to extension specific preferences given in pre
                       class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-1fdsijx-ValueContainer"
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-1jqq78o-placeholder"
-                          id="react-select-extension-install-registry-input-placeholder"
+                          class="Select__single-value css-1dimb5e-singleValue"
                         >
-                          Select...
+                          Default Url
                         </div>
                         <div
                           class="Select__input-container css-qbdosj-Input"
@@ -2572,7 +2647,6 @@ exports[`preferences - navigation to extension specific preferences given in pre
                         >
                           <input
                             aria-autocomplete="list"
-                            aria-describedby="react-select-extension-install-registry-input-placeholder"
                             aria-expanded="false"
                             aria-haspopup="true"
                             autocapitalize="none"
@@ -2637,7 +2711,7 @@ exports[`preferences - navigation to extension specific preferences given in pre
                         disabled=""
                         placeholder="Custom Extension Registry URL..."
                         spellcheck="false"
-                        value="some-custom-url"
+                        value=""
                       />
                     </label>
                     <div
@@ -2794,13 +2868,12 @@ exports[`preferences - navigation to extension specific preferences given in pre
                       class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-1fdsijx-ValueContainer"
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-1jqq78o-placeholder"
-                          id="react-select-timezone-input-placeholder"
+                          class="Select__single-value css-1dimb5e-singleValue"
                         >
-                          Select...
+                          Africa/Abidjan
                         </div>
                         <div
                           class="Select__input-container css-qbdosj-Input"
@@ -2808,7 +2881,6 @@ exports[`preferences - navigation to extension specific preferences given in pre
                         >
                           <input
                             aria-autocomplete="list"
-                            aria-describedby="react-select-timezone-input-placeholder"
                             aria-expanded="false"
                             aria-haspopup="true"
                             autocapitalize="none"
@@ -2901,7 +2973,23 @@ exports[`preferences - navigation to extension specific preferences given in pre
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="0"
-        />
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="1"
@@ -2968,7 +3056,7 @@ exports[`preferences - navigation to extension specific preferences given in pre
             class="badge Badge small clickable"
             id="hotbarIndex"
           >
-            0
+            1
           </div>
         </div>
         <i
@@ -3334,13 +3422,12 @@ exports[`preferences - navigation to extension specific preferences given in pre
                       class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-1fdsijx-ValueContainer"
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-1jqq78o-placeholder"
-                          id="react-select-extension-install-registry-input-placeholder"
+                          class="Select__single-value css-1dimb5e-singleValue"
                         >
-                          Select...
+                          Default Url
                         </div>
                         <div
                           class="Select__input-container css-qbdosj-Input"
@@ -3348,7 +3435,6 @@ exports[`preferences - navigation to extension specific preferences given in pre
                         >
                           <input
                             aria-autocomplete="list"
-                            aria-describedby="react-select-extension-install-registry-input-placeholder"
                             aria-expanded="false"
                             aria-haspopup="true"
                             autocapitalize="none"
@@ -3413,7 +3499,7 @@ exports[`preferences - navigation to extension specific preferences given in pre
                         disabled=""
                         placeholder="Custom Extension Registry URL..."
                         spellcheck="false"
-                        value="some-custom-url"
+                        value=""
                       />
                     </label>
                     <div
@@ -3570,13 +3656,12 @@ exports[`preferences - navigation to extension specific preferences given in pre
                       class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-1fdsijx-ValueContainer"
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-1jqq78o-placeholder"
-                          id="react-select-timezone-input-placeholder"
+                          class="Select__single-value css-1dimb5e-singleValue"
                         >
-                          Select...
+                          Africa/Abidjan
                         </div>
                         <div
                           class="Select__input-container css-qbdosj-Input"
@@ -3584,7 +3669,6 @@ exports[`preferences - navigation to extension specific preferences given in pre
                         >
                           <input
                             aria-autocomplete="list"
-                            aria-describedby="react-select-timezone-input-placeholder"
                             aria-expanded="false"
                             aria-haspopup="true"
                             autocapitalize="none"
@@ -3677,7 +3761,23 @@ exports[`preferences - navigation to extension specific preferences given in pre
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="0"
-        />
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="1"
@@ -3744,7 +3844,7 @@ exports[`preferences - navigation to extension specific preferences given in pre
             class="badge Badge small clickable"
             id="hotbarIndex"
           >
-            0
+            1
           </div>
         </div>
         <i
@@ -4066,7 +4166,23 @@ exports[`preferences - navigation to extension specific preferences given in pre
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="0"
-        />
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="1"
@@ -4133,7 +4249,7 @@ exports[`preferences - navigation to extension specific preferences given in pre
             class="badge Badge small clickable"
             id="hotbarIndex"
           >
-            0
+            1
           </div>
         </div>
         <i
@@ -4386,7 +4502,23 @@ exports[`preferences - navigation to extension specific preferences given in pre
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -4453,7 +4585,7 @@ exports[`preferences - navigation to extension specific preferences given in pre
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
diff --git a/src/features/preferences/__snapshots__/navigation-to-kubernetes-preferences.test.ts.snap b/src/features/preferences/__snapshots__/navigation-to-kubernetes-preferences.test.ts.snap
index 1308ced128..b7be30c527 100644
--- a/src/features/preferences/__snapshots__/navigation-to-kubernetes-preferences.test.ts.snap
+++ b/src/features/preferences/__snapshots__/navigation-to-kubernetes-preferences.test.ts.snap
@@ -292,13 +292,12 @@ exports[`preferences - navigation to kubernetes preferences given in preferences
                       class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-1fdsijx-ValueContainer"
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-1jqq78o-placeholder"
-                          id="react-select-extension-install-registry-input-placeholder"
+                          class="Select__single-value css-1dimb5e-singleValue"
                         >
-                          Select...
+                          Default Url
                         </div>
                         <div
                           class="Select__input-container css-qbdosj-Input"
@@ -306,7 +305,6 @@ exports[`preferences - navigation to kubernetes preferences given in preferences
                         >
                           <input
                             aria-autocomplete="list"
-                            aria-describedby="react-select-extension-install-registry-input-placeholder"
                             aria-expanded="false"
                             aria-haspopup="true"
                             autocapitalize="none"
@@ -371,7 +369,7 @@ exports[`preferences - navigation to kubernetes preferences given in preferences
                         disabled=""
                         placeholder="Custom Extension Registry URL..."
                         spellcheck="false"
-                        value="some-custom-url"
+                        value=""
                       />
                     </label>
                     <div
@@ -528,13 +526,12 @@ exports[`preferences - navigation to kubernetes preferences given in preferences
                       class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-1fdsijx-ValueContainer"
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-1jqq78o-placeholder"
-                          id="react-select-timezone-input-placeholder"
+                          class="Select__single-value css-1dimb5e-singleValue"
                         >
-                          Select...
+                          Africa/Abidjan
                         </div>
                         <div
                           class="Select__input-container css-qbdosj-Input"
@@ -542,7 +539,6 @@ exports[`preferences - navigation to kubernetes preferences given in preferences
                         >
                           <input
                             aria-autocomplete="list"
-                            aria-describedby="react-select-timezone-input-placeholder"
                             aria-expanded="false"
                             aria-haspopup="true"
                             autocapitalize="none"
@@ -635,7 +631,23 @@ exports[`preferences - navigation to kubernetes preferences given in preferences
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="0"
-        />
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="1"
@@ -702,7 +714,7 @@ exports[`preferences - navigation to kubernetes preferences given in preferences
             class="badge Badge small clickable"
             id="hotbarIndex"
           >
-            0
+            1
           </div>
         </div>
         <i
@@ -932,6 +944,7 @@ exports[`preferences - navigation to kubernetes preferences given in preferences
                       >
                         Download kubectl binaries matching the Kubernetes cluster version
                         <input
+                          checked=""
                           role="switch"
                           type="checkbox"
                         />
@@ -952,7 +965,7 @@ exports[`preferences - navigation to kubernetes preferences given in preferences
                          
                       </div>
                       <div
-                        class="Select theme-lens Select--is-disabled css-3iigni-container"
+                        class="Select theme-lens css-b62m3t-container"
                       >
                         <span
                           class="css-1f43avz-a11yText-A11yText"
@@ -965,31 +978,28 @@ exports[`preferences - navigation to kubernetes preferences given in preferences
                           class="css-1f43avz-a11yText-A11yText"
                         />
                         <div
-                          class="Select__control Select__control--is-disabled css-16xfy0z-control"
+                          class="Select__control css-13cymwt-control"
                         >
                           <div
-                            class="Select__value-container css-1fdsijx-ValueContainer"
+                            class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                           >
                             <div
-                              class="Select__placeholder css-1jqq78o-placeholder"
-                              id="react-select-download-mirror-input-placeholder"
+                              class="Select__single-value css-1dimb5e-singleValue"
                             >
-                              Download mirror for kubectl
+                              Default (Google)
                             </div>
                             <div
-                              class="Select__input-container css-1h01tm3-Input"
+                              class="Select__input-container css-qbdosj-Input"
                               data-value=""
                             >
                               <input
                                 aria-autocomplete="list"
-                                aria-describedby="react-select-download-mirror-input-placeholder"
                                 aria-expanded="false"
                                 aria-haspopup="true"
                                 autocapitalize="none"
                                 autocomplete="off"
                                 autocorrect="off"
                                 class="Select__input"
-                                disabled=""
                                 id="download-mirror-input"
                                 role="combobox"
                                 spellcheck="false"
@@ -1004,7 +1014,7 @@ exports[`preferences - navigation to kubernetes preferences given in preferences
                             class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                           >
                             <span
-                              class="Select__indicator-separator css-894a34-indicatorSeparator"
+                              class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                             />
                             <div
                               aria-hidden="true"
@@ -1042,7 +1052,7 @@ exports[`preferences - navigation to kubernetes preferences given in preferences
                          
                       </div>
                       <div
-                        class="Input theme round black disabled"
+                        class="Input theme round black"
                       >
                         <label
                           class="input-area flex gaps align-center"
@@ -1050,7 +1060,6 @@ exports[`preferences - navigation to kubernetes preferences given in preferences
                         >
                           <input
                             class="input box grow"
-                            disabled=""
                             placeholder="/some-electron-app-path-for-user-data/binaries"
                             spellcheck="false"
                             value=""
@@ -1081,7 +1090,7 @@ exports[`preferences - navigation to kubernetes preferences given in preferences
                          
                       </div>
                       <div
-                        class="Input theme round black"
+                        class="Input theme round black disabled"
                       >
                         <label
                           class="input-area flex gaps align-center"
@@ -1089,6 +1098,7 @@ exports[`preferences - navigation to kubernetes preferences given in preferences
                         >
                           <input
                             class="input box grow"
+                            disabled=""
                             placeholder="/some-electron-app-path-for-user-data/binaries/kubectl"
                             spellcheck="false"
                             value=""
@@ -1133,13 +1143,11 @@ exports[`preferences - navigation to kubernetes preferences given in preferences
                      
                   </div>
                   <div
-                    class="notice mt-3"
+                    class="loading-spinner"
                   >
                     <div
-                      class="flex-grow text-center"
-                    >
-                      No files and folders have been synced yet
-                    </div>
+                      class="Spinner singleColor"
+                    />
                   </div>
                 </section>
               </div>
@@ -1300,7 +1308,23 @@ exports[`preferences - navigation to kubernetes preferences given in preferences
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="0"
-        />
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="1"
@@ -1367,7 +1391,7 @@ exports[`preferences - navigation to kubernetes preferences given in preferences
             class="badge Badge small clickable"
             id="hotbarIndex"
           >
-            0
+            1
           </div>
         </div>
         <i
diff --git a/src/features/preferences/__snapshots__/navigation-to-proxy-preferences.test.ts.snap b/src/features/preferences/__snapshots__/navigation-to-proxy-preferences.test.ts.snap
index 0bc9b79641..7c50b8f2dc 100644
--- a/src/features/preferences/__snapshots__/navigation-to-proxy-preferences.test.ts.snap
+++ b/src/features/preferences/__snapshots__/navigation-to-proxy-preferences.test.ts.snap
@@ -292,13 +292,12 @@ exports[`preferences - navigation to proxy preferences given in preferences, whe
                       class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-1fdsijx-ValueContainer"
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-1jqq78o-placeholder"
-                          id="react-select-extension-install-registry-input-placeholder"
+                          class="Select__single-value css-1dimb5e-singleValue"
                         >
-                          Select...
+                          Default Url
                         </div>
                         <div
                           class="Select__input-container css-qbdosj-Input"
@@ -306,7 +305,6 @@ exports[`preferences - navigation to proxy preferences given in preferences, whe
                         >
                           <input
                             aria-autocomplete="list"
-                            aria-describedby="react-select-extension-install-registry-input-placeholder"
                             aria-expanded="false"
                             aria-haspopup="true"
                             autocapitalize="none"
@@ -371,7 +369,7 @@ exports[`preferences - navigation to proxy preferences given in preferences, whe
                         disabled=""
                         placeholder="Custom Extension Registry URL..."
                         spellcheck="false"
-                        value="some-custom-url"
+                        value=""
                       />
                     </label>
                     <div
@@ -528,13 +526,12 @@ exports[`preferences - navigation to proxy preferences given in preferences, whe
                       class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-1fdsijx-ValueContainer"
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-1jqq78o-placeholder"
-                          id="react-select-timezone-input-placeholder"
+                          class="Select__single-value css-1dimb5e-singleValue"
                         >
-                          Select...
+                          Africa/Abidjan
                         </div>
                         <div
                           class="Select__input-container css-qbdosj-Input"
@@ -542,7 +539,6 @@ exports[`preferences - navigation to proxy preferences given in preferences, whe
                         >
                           <input
                             aria-autocomplete="list"
-                            aria-describedby="react-select-timezone-input-placeholder"
                             aria-expanded="false"
                             aria-haspopup="true"
                             autocapitalize="none"
@@ -635,7 +631,23 @@ exports[`preferences - navigation to proxy preferences given in preferences, whe
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="0"
-        />
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="1"
@@ -702,7 +714,7 @@ exports[`preferences - navigation to proxy preferences given in preferences, whe
             class="badge Badge small clickable"
             id="hotbarIndex"
           >
-            0
+            1
           </div>
         </div>
         <i
@@ -1025,7 +1037,23 @@ exports[`preferences - navigation to proxy preferences given in preferences, whe
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="0"
-        />
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="1"
@@ -1092,7 +1120,7 @@ exports[`preferences - navigation to proxy preferences given in preferences, whe
             class="badge Badge small clickable"
             id="hotbarIndex"
           >
-            0
+            1
           </div>
         </div>
         <i
diff --git a/src/features/preferences/__snapshots__/navigation-to-telemetry-preferences.test.tsx.snap b/src/features/preferences/__snapshots__/navigation-to-telemetry-preferences.test.tsx.snap
index 206e4f1eaf..a9029cafa6 100644
--- a/src/features/preferences/__snapshots__/navigation-to-telemetry-preferences.test.tsx.snap
+++ b/src/features/preferences/__snapshots__/navigation-to-telemetry-preferences.test.tsx.snap
@@ -199,9 +199,10 @@ exports[`preferences - navigation to telemetry preferences given URL for Sentry
                      
                   </div>
                   <label
-                    class="Checkbox flex align-center"
+                    class="Checkbox flex align-center checked"
                   >
                     <input
+                      checked=""
                       type="checkbox"
                     />
                     <i
@@ -270,7 +271,23 @@ exports[`preferences - navigation to telemetry preferences given URL for Sentry
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="0"
-        />
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="1"
@@ -337,7 +354,7 @@ exports[`preferences - navigation to telemetry preferences given URL for Sentry
             class="badge Badge small clickable"
             id="hotbarIndex"
           >
-            0
+            1
           </div>
         </div>
         <i
@@ -665,13 +682,12 @@ exports[`preferences - navigation to telemetry preferences given in preferences,
                       class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-1fdsijx-ValueContainer"
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-1jqq78o-placeholder"
-                          id="react-select-extension-install-registry-input-placeholder"
+                          class="Select__single-value css-1dimb5e-singleValue"
                         >
-                          Select...
+                          Default Url
                         </div>
                         <div
                           class="Select__input-container css-qbdosj-Input"
@@ -679,7 +695,6 @@ exports[`preferences - navigation to telemetry preferences given in preferences,
                         >
                           <input
                             aria-autocomplete="list"
-                            aria-describedby="react-select-extension-install-registry-input-placeholder"
                             aria-expanded="false"
                             aria-haspopup="true"
                             autocapitalize="none"
@@ -744,7 +759,7 @@ exports[`preferences - navigation to telemetry preferences given in preferences,
                         disabled=""
                         placeholder="Custom Extension Registry URL..."
                         spellcheck="false"
-                        value="some-custom-url"
+                        value=""
                       />
                     </label>
                     <div
@@ -901,13 +916,12 @@ exports[`preferences - navigation to telemetry preferences given in preferences,
                       class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-1fdsijx-ValueContainer"
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-1jqq78o-placeholder"
-                          id="react-select-timezone-input-placeholder"
+                          class="Select__single-value css-1dimb5e-singleValue"
                         >
-                          Select...
+                          Africa/Abidjan
                         </div>
                         <div
                           class="Select__input-container css-qbdosj-Input"
@@ -915,7 +929,6 @@ exports[`preferences - navigation to telemetry preferences given in preferences,
                         >
                           <input
                             aria-autocomplete="list"
-                            aria-describedby="react-select-timezone-input-placeholder"
                             aria-expanded="false"
                             aria-haspopup="true"
                             autocapitalize="none"
@@ -1008,7 +1021,23 @@ exports[`preferences - navigation to telemetry preferences given in preferences,
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="0"
-        />
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="1"
@@ -1075,7 +1104,7 @@ exports[`preferences - navigation to telemetry preferences given in preferences,
             class="badge Badge small clickable"
             id="hotbarIndex"
           >
-            0
+            1
           </div>
         </div>
         <i
@@ -1415,13 +1444,12 @@ exports[`preferences - navigation to telemetry preferences given in preferences,
                       class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-1fdsijx-ValueContainer"
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-1jqq78o-placeholder"
-                          id="react-select-extension-install-registry-input-placeholder"
+                          class="Select__single-value css-1dimb5e-singleValue"
                         >
-                          Select...
+                          Default Url
                         </div>
                         <div
                           class="Select__input-container css-qbdosj-Input"
@@ -1429,7 +1457,6 @@ exports[`preferences - navigation to telemetry preferences given in preferences,
                         >
                           <input
                             aria-autocomplete="list"
-                            aria-describedby="react-select-extension-install-registry-input-placeholder"
                             aria-expanded="false"
                             aria-haspopup="true"
                             autocapitalize="none"
@@ -1494,7 +1521,7 @@ exports[`preferences - navigation to telemetry preferences given in preferences,
                         disabled=""
                         placeholder="Custom Extension Registry URL..."
                         spellcheck="false"
-                        value="some-custom-url"
+                        value=""
                       />
                     </label>
                     <div
@@ -1651,13 +1678,12 @@ exports[`preferences - navigation to telemetry preferences given in preferences,
                       class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-1fdsijx-ValueContainer"
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-1jqq78o-placeholder"
-                          id="react-select-timezone-input-placeholder"
+                          class="Select__single-value css-1dimb5e-singleValue"
                         >
-                          Select...
+                          Africa/Abidjan
                         </div>
                         <div
                           class="Select__input-container css-qbdosj-Input"
@@ -1665,7 +1691,6 @@ exports[`preferences - navigation to telemetry preferences given in preferences,
                         >
                           <input
                             aria-autocomplete="list"
-                            aria-describedby="react-select-timezone-input-placeholder"
                             aria-expanded="false"
                             aria-haspopup="true"
                             autocapitalize="none"
@@ -1758,7 +1783,23 @@ exports[`preferences - navigation to telemetry preferences given in preferences,
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="0"
-        />
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="1"
@@ -1825,7 +1866,7 @@ exports[`preferences - navigation to telemetry preferences given in preferences,
             class="badge Badge small clickable"
             id="hotbarIndex"
           >
-            0
+            1
           </div>
         </div>
         <i
@@ -2121,7 +2162,23 @@ exports[`preferences - navigation to telemetry preferences given in preferences,
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="0"
-        />
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="1"
@@ -2188,7 +2245,7 @@ exports[`preferences - navigation to telemetry preferences given in preferences,
             class="badge Badge small clickable"
             id="hotbarIndex"
           >
-            0
+            1
           </div>
         </div>
         <i
@@ -2444,7 +2501,23 @@ exports[`preferences - navigation to telemetry preferences given no URL for Sent
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="0"
-        />
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="1"
@@ -2511,7 +2584,7 @@ exports[`preferences - navigation to telemetry preferences given no URL for Sent
             class="badge Badge small clickable"
             id="hotbarIndex"
           >
-            0
+            1
           </div>
         </div>
         <i
diff --git a/src/features/preferences/__snapshots__/navigation-to-terminal-preferences.test.ts.snap b/src/features/preferences/__snapshots__/navigation-to-terminal-preferences.test.ts.snap
index 038b5df3e8..1783f8bb3f 100644
--- a/src/features/preferences/__snapshots__/navigation-to-terminal-preferences.test.ts.snap
+++ b/src/features/preferences/__snapshots__/navigation-to-terminal-preferences.test.ts.snap
@@ -292,13 +292,12 @@ exports[`preferences - navigation to terminal preferences given in preferences,
                       class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-1fdsijx-ValueContainer"
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-1jqq78o-placeholder"
-                          id="react-select-extension-install-registry-input-placeholder"
+                          class="Select__single-value css-1dimb5e-singleValue"
                         >
-                          Select...
+                          Default Url
                         </div>
                         <div
                           class="Select__input-container css-qbdosj-Input"
@@ -306,7 +305,6 @@ exports[`preferences - navigation to terminal preferences given in preferences,
                         >
                           <input
                             aria-autocomplete="list"
-                            aria-describedby="react-select-extension-install-registry-input-placeholder"
                             aria-expanded="false"
                             aria-haspopup="true"
                             autocapitalize="none"
@@ -371,7 +369,7 @@ exports[`preferences - navigation to terminal preferences given in preferences,
                         disabled=""
                         placeholder="Custom Extension Registry URL..."
                         spellcheck="false"
-                        value="some-custom-url"
+                        value=""
                       />
                     </label>
                     <div
@@ -528,13 +526,12 @@ exports[`preferences - navigation to terminal preferences given in preferences,
                       class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-1fdsijx-ValueContainer"
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-1jqq78o-placeholder"
-                          id="react-select-timezone-input-placeholder"
+                          class="Select__single-value css-1dimb5e-singleValue"
                         >
-                          Select...
+                          Africa/Abidjan
                         </div>
                         <div
                           class="Select__input-container css-qbdosj-Input"
@@ -542,7 +539,6 @@ exports[`preferences - navigation to terminal preferences given in preferences,
                         >
                           <input
                             aria-autocomplete="list"
-                            aria-describedby="react-select-timezone-input-placeholder"
                             aria-expanded="false"
                             aria-haspopup="true"
                             autocapitalize="none"
@@ -635,7 +631,23 @@ exports[`preferences - navigation to terminal preferences given in preferences,
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="0"
-        />
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="1"
@@ -702,7 +714,7 @@ exports[`preferences - navigation to terminal preferences given in preferences,
             class="badge Badge small clickable"
             id="hotbarIndex"
           >
-            0
+            1
           </div>
         </div>
         <i
@@ -1001,13 +1013,12 @@ exports[`preferences - navigation to terminal preferences given in preferences,
                       class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-1fdsijx-ValueContainer"
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-1jqq78o-placeholder"
-                          id="react-select-terminal-theme-input-placeholder"
+                          class="Select__single-value css-1dimb5e-singleValue"
                         >
-                          Select...
+                          Match Lens Theme
                         </div>
                         <div
                           class="Select__input-container css-qbdosj-Input"
@@ -1015,7 +1026,6 @@ exports[`preferences - navigation to terminal preferences given in preferences,
                         >
                           <input
                             aria-autocomplete="list"
-                            aria-describedby="react-select-terminal-theme-input-placeholder"
                             aria-expanded="false"
                             aria-haspopup="true"
                             autocapitalize="none"
@@ -1086,7 +1096,7 @@ exports[`preferences - navigation to terminal preferences given in preferences,
                         min="10"
                         spellcheck="false"
                         type="number"
-                        value="42"
+                        value="12"
                       />
                     </label>
                     <div
@@ -1125,13 +1135,16 @@ exports[`preferences - navigation to terminal preferences given in preferences,
                       class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-1fdsijx-ValueContainer"
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-1jqq78o-placeholder"
-                          id="react-select-2-placeholder"
+                          class="Select__single-value css-1dimb5e-singleValue"
                         >
-                          Select...
+                          <span
+                            style="font-family: RobotoMono; font-size: 12px;"
+                          >
+                            RobotoMono
+                          </span>
                         </div>
                         <div
                           class="Select__input-container css-qbdosj-Input"
@@ -1139,7 +1152,6 @@ exports[`preferences - navigation to terminal preferences given in preferences,
                         >
                           <input
                             aria-autocomplete="list"
-                            aria-describedby="react-select-2-placeholder"
                             aria-expanded="false"
                             aria-haspopup="true"
                             autocapitalize="none"
@@ -1232,7 +1244,23 @@ exports[`preferences - navigation to terminal preferences given in preferences,
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="0"
-        />
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="1"
@@ -1299,7 +1327,7 @@ exports[`preferences - navigation to terminal preferences given in preferences,
             class="badge Badge small clickable"
             id="hotbarIndex"
           >
-            0
+            1
           </div>
         </div>
         <i
diff --git a/src/features/preferences/__snapshots__/navigation-using-application-menu.test.ts.snap b/src/features/preferences/__snapshots__/navigation-using-application-menu.test.ts.snap
index 25fe3ef51b..01857918de 100644
--- a/src/features/preferences/__snapshots__/navigation-using-application-menu.test.ts.snap
+++ b/src/features/preferences/__snapshots__/navigation-using-application-menu.test.ts.snap
@@ -164,7 +164,23 @@ exports[`preferences - navigation using application menu renders 1`] = `
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="0"
-        />
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="1"
@@ -231,7 +247,7 @@ exports[`preferences - navigation using application menu renders 1`] = `
             class="badge Badge small clickable"
             id="hotbarIndex"
           >
-            0
+            1
           </div>
         </div>
         <i
@@ -559,13 +575,12 @@ exports[`preferences - navigation using application menu when navigating to pref
                       class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-1fdsijx-ValueContainer"
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-1jqq78o-placeholder"
-                          id="react-select-extension-install-registry-input-placeholder"
+                          class="Select__single-value css-1dimb5e-singleValue"
                         >
-                          Select...
+                          Default Url
                         </div>
                         <div
                           class="Select__input-container css-qbdosj-Input"
@@ -573,7 +588,6 @@ exports[`preferences - navigation using application menu when navigating to pref
                         >
                           <input
                             aria-autocomplete="list"
-                            aria-describedby="react-select-extension-install-registry-input-placeholder"
                             aria-expanded="false"
                             aria-haspopup="true"
                             autocapitalize="none"
@@ -638,7 +652,7 @@ exports[`preferences - navigation using application menu when navigating to pref
                         disabled=""
                         placeholder="Custom Extension Registry URL..."
                         spellcheck="false"
-                        value="some-custom-url"
+                        value=""
                       />
                     </label>
                     <div
@@ -795,13 +809,12 @@ exports[`preferences - navigation using application menu when navigating to pref
                       class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-1fdsijx-ValueContainer"
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-1jqq78o-placeholder"
-                          id="react-select-timezone-input-placeholder"
+                          class="Select__single-value css-1dimb5e-singleValue"
                         >
-                          Select...
+                          Africa/Abidjan
                         </div>
                         <div
                           class="Select__input-container css-qbdosj-Input"
@@ -809,7 +822,6 @@ exports[`preferences - navigation using application menu when navigating to pref
                         >
                           <input
                             aria-autocomplete="list"
-                            aria-describedby="react-select-timezone-input-placeholder"
                             aria-expanded="false"
                             aria-haspopup="true"
                             autocapitalize="none"
@@ -902,7 +914,23 @@ exports[`preferences - navigation using application menu when navigating to pref
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="0"
-        />
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="1"
@@ -969,7 +997,7 @@ exports[`preferences - navigation using application menu when navigating to pref
             class="badge Badge small clickable"
             id="hotbarIndex"
           >
-            0
+            1
           </div>
         </div>
         <i
diff --git a/src/features/preferences/__snapshots__/navigation-using-tray.test.ts.snap b/src/features/preferences/__snapshots__/navigation-using-tray.test.ts.snap
index 4f410880a7..461180f525 100644
--- a/src/features/preferences/__snapshots__/navigation-using-tray.test.ts.snap
+++ b/src/features/preferences/__snapshots__/navigation-using-tray.test.ts.snap
@@ -165,7 +165,23 @@ exports[`show-about-using-tray renders 1`] = `
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -232,7 +248,7 @@ exports[`show-about-using-tray renders 1`] = `
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
@@ -562,13 +578,12 @@ exports[`show-about-using-tray when navigating using tray renders 1`] = `
                         class="Select__control css-13cymwt-control"
                       >
                         <div
-                          class="Select__value-container css-1fdsijx-ValueContainer"
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                         >
                           <div
-                            class="Select__placeholder css-1jqq78o-placeholder"
-                            id="react-select-extension-install-registry-input-placeholder"
+                            class="Select__single-value css-1dimb5e-singleValue"
                           >
-                            Select...
+                            Default Url
                           </div>
                           <div
                             class="Select__input-container css-qbdosj-Input"
@@ -576,7 +591,6 @@ exports[`show-about-using-tray when navigating using tray renders 1`] = `
                           >
                             <input
                               aria-autocomplete="list"
-                              aria-describedby="react-select-extension-install-registry-input-placeholder"
                               aria-expanded="false"
                               aria-haspopup="true"
                               autocapitalize="none"
@@ -641,7 +655,7 @@ exports[`show-about-using-tray when navigating using tray renders 1`] = `
                           disabled=""
                           placeholder="Custom Extension Registry URL..."
                           spellcheck="false"
-                          value="some-custom-url"
+                          value=""
                         />
                       </label>
                       <div
@@ -798,13 +812,12 @@ exports[`show-about-using-tray when navigating using tray renders 1`] = `
                         class="Select__control css-13cymwt-control"
                       >
                         <div
-                          class="Select__value-container css-1fdsijx-ValueContainer"
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                         >
                           <div
-                            class="Select__placeholder css-1jqq78o-placeholder"
-                            id="react-select-timezone-input-placeholder"
+                            class="Select__single-value css-1dimb5e-singleValue"
                           >
-                            Select...
+                            Africa/Abidjan
                           </div>
                           <div
                             class="Select__input-container css-qbdosj-Input"
@@ -812,7 +825,6 @@ exports[`show-about-using-tray when navigating using tray renders 1`] = `
                           >
                             <input
                               aria-autocomplete="list"
-                              aria-describedby="react-select-timezone-input-placeholder"
                               aria-expanded="false"
                               aria-haspopup="true"
                               autocapitalize="none"
@@ -905,7 +917,23 @@ exports[`show-about-using-tray when navigating using tray renders 1`] = `
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -972,7 +1000,7 @@ exports[`show-about-using-tray when navigating using tray renders 1`] = `
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
diff --git a/src/features/preferences/__snapshots__/urls-of-legacy-extensions.test.tsx.snap b/src/features/preferences/__snapshots__/urls-of-legacy-extensions.test.tsx.snap
index b7e1a8123e..6b9a2c8f04 100644
--- a/src/features/preferences/__snapshots__/urls-of-legacy-extensions.test.tsx.snap
+++ b/src/features/preferences/__snapshots__/urls-of-legacy-extensions.test.tsx.snap
@@ -309,7 +309,23 @@ exports[`preferences: URLs of legacy extensions given extension with both custom
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -376,7 +392,7 @@ exports[`preferences: URLs of legacy extensions given extension with both custom
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
@@ -722,7 +738,23 @@ exports[`preferences: URLs of legacy extensions given extension with both custom
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -789,7 +821,7 @@ exports[`preferences: URLs of legacy extensions given extension with both custom
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
@@ -1097,7 +1129,23 @@ exports[`preferences: URLs of legacy extensions given extension with custom pref
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -1164,7 +1212,7 @@ exports[`preferences: URLs of legacy extensions given extension with custom pref
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
@@ -1446,7 +1494,23 @@ exports[`preferences: URLs of legacy extensions given extension with custom pref
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -1513,7 +1577,7 @@ exports[`preferences: URLs of legacy extensions given extension with custom pref
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
@@ -1835,7 +1899,23 @@ exports[`preferences: URLs of legacy extensions given extension with custom pref
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -1902,7 +1982,7 @@ exports[`preferences: URLs of legacy extensions given extension with custom pref
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
diff --git a/src/features/status-bar/__snapshots__/status-bar-items-originating-from-extensions.test.tsx.snap b/src/features/status-bar/__snapshots__/status-bar-items-originating-from-extensions.test.tsx.snap
index 96738c81ea..549de078f6 100644
--- a/src/features/status-bar/__snapshots__/status-bar-items-originating-from-extensions.test.tsx.snap
+++ b/src/features/status-bar/__snapshots__/status-bar-items-originating-from-extensions.test.tsx.snap
@@ -165,7 +165,23 @@ exports[`status-bar-items-originating-from-extensions when application starts wh
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -232,7 +248,7 @@ exports[`status-bar-items-originating-from-extensions when application starts wh
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
diff --git a/src/features/top-bar/extension-api/__snapshots__/extendability-using-extension-api.test.tsx.snap b/src/features/top-bar/extension-api/__snapshots__/extendability-using-extension-api.test.tsx.snap
index 187aec1ac9..dcededa8b4 100644
--- a/src/features/top-bar/extension-api/__snapshots__/extendability-using-extension-api.test.tsx.snap
+++ b/src/features/top-bar/extension-api/__snapshots__/extendability-using-extension-api.test.tsx.snap
@@ -165,7 +165,23 @@ exports[`extendability-using-extension-api given an extension with a weakly type
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -232,7 +248,7 @@ exports[`extendability-using-extension-api given an extension with a weakly type
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
@@ -443,7 +459,23 @@ exports[`extendability-using-extension-api given an extension with top-bar items
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -510,7 +542,7 @@ exports[`extendability-using-extension-api given an extension with top-bar items
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
@@ -712,7 +744,23 @@ exports[`extendability-using-extension-api given an extension with top-bar items
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -779,7 +827,7 @@ exports[`extendability-using-extension-api given an extension with top-bar items
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
@@ -981,7 +1029,23 @@ exports[`extendability-using-extension-api renders 1`] = `
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -1048,7 +1112,7 @@ exports[`extendability-using-extension-api renders 1`] = `
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
diff --git a/src/features/welcome/__snapshots__/navigation-using-application-menu.test.ts.snap b/src/features/welcome/__snapshots__/navigation-using-application-menu.test.ts.snap
index 5f6f53e34e..09bd901cf3 100644
--- a/src/features/welcome/__snapshots__/navigation-using-application-menu.test.ts.snap
+++ b/src/features/welcome/__snapshots__/navigation-using-application-menu.test.ts.snap
@@ -164,7 +164,23 @@ exports[`welcome - navigation using application menu renders 1`] = `
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="0"
-        />
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="1"
@@ -231,7 +247,7 @@ exports[`welcome - navigation using application menu renders 1`] = `
             class="badge Badge small clickable"
             id="hotbarIndex"
           >
-            0
+            1
           </div>
         </div>
         <i
@@ -560,13 +576,12 @@ exports[`welcome - navigation using application menu when navigated somewhere el
                         class="Select__control css-13cymwt-control"
                       >
                         <div
-                          class="Select__value-container css-1fdsijx-ValueContainer"
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                         >
                           <div
-                            class="Select__placeholder css-1jqq78o-placeholder"
-                            id="react-select-extension-install-registry-input-placeholder"
+                            class="Select__single-value css-1dimb5e-singleValue"
                           >
-                            Select...
+                            Default Url
                           </div>
                           <div
                             class="Select__input-container css-qbdosj-Input"
@@ -574,7 +589,6 @@ exports[`welcome - navigation using application menu when navigated somewhere el
                           >
                             <input
                               aria-autocomplete="list"
-                              aria-describedby="react-select-extension-install-registry-input-placeholder"
                               aria-expanded="false"
                               aria-haspopup="true"
                               autocapitalize="none"
@@ -639,7 +653,7 @@ exports[`welcome - navigation using application menu when navigated somewhere el
                           disabled=""
                           placeholder="Custom Extension Registry URL..."
                           spellcheck="false"
-                          value="some-custom-url"
+                          value=""
                         />
                       </label>
                       <div
@@ -796,13 +810,12 @@ exports[`welcome - navigation using application menu when navigated somewhere el
                         class="Select__control css-13cymwt-control"
                       >
                         <div
-                          class="Select__value-container css-1fdsijx-ValueContainer"
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                         >
                           <div
-                            class="Select__placeholder css-1jqq78o-placeholder"
-                            id="react-select-timezone-input-placeholder"
+                            class="Select__single-value css-1dimb5e-singleValue"
                           >
-                            Select...
+                            Africa/Abidjan
                           </div>
                           <div
                             class="Select__input-container css-qbdosj-Input"
@@ -810,7 +823,6 @@ exports[`welcome - navigation using application menu when navigated somewhere el
                           >
                             <input
                               aria-autocomplete="list"
-                              aria-describedby="react-select-timezone-input-placeholder"
                               aria-expanded="false"
                               aria-haspopup="true"
                               autocapitalize="none"
@@ -903,7 +915,23 @@ exports[`welcome - navigation using application menu when navigated somewhere el
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="0"
-          />
+          >
+            <div
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
             index="1"
@@ -970,7 +998,7 @@ exports[`welcome - navigation using application menu when navigated somewhere el
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
@@ -1171,7 +1199,23 @@ exports[`welcome - navigation using application menu when navigated somewhere el
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="0"
-        />
+        >
+          <div
+            style="z-index: 12; position: absolute;"
+          >
+            <div
+              class="HotbarIcon contextMenuAvailable"
+            >
+              <div
+                class="Avatar rounded disabled avatar"
+                id="hotbarIcon-hotbar-icon-catalog-entity"
+                style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+              >
+                Ca
+              </div>
+            </div>
+          </div>
+        </div>
         <div
           class="HotbarCell isDraggingOwner animateDown"
           index="1"
@@ -1238,7 +1282,7 @@ exports[`welcome - navigation using application menu when navigated somewhere el
             class="badge Badge small clickable"
             id="hotbarIndex"
           >
-            0
+            1
           </div>
         </div>
         <i