fix: lint issues

Author: scriptcoded

packages/ui-webc/src/components/checkbox/checkbox.tsx

@@ -57,7 +57,7 @@ export class ScoutCheckbox {
   */
 
   render() {
-    const Tag = this.label && this.label.length ? "label" : "div";
+    const Tag = this.label?.length ? "label" : "div";
     return (
       <Tag>
         {this.label}

packages/ui-webc/src/components/list-view-item/list-view-item.tsx

@@ -44,7 +44,6 @@ export class ScoutListViewItem {
         : {};
 
     return (
-      // biome-ignore lint/a11y/useSemanticElements: We can't use <li> because we're using shadow DOM.
       <Host role="listitem">
         <Tag
           class="button"

packages/ui-webc/src/components/list-view/list-view.tsx

@@ -10,7 +10,6 @@ import { Component, Host, h } from "@stencil/core";
 export class ScoutListView {
   render() {
     return (
-      // biome-ignore lint/a11y/useSemanticElements: We can't use <ul> because we're using shadow DOM.
       <Host role="list">
         <slot />
       </Host>

packages/ui-webc/src/components/switch/switch.tsx

@@ -55,7 +55,7 @@ export class ScoutSwitch {
   }
 
   render() {
-    const Tag = this.label && this.label.length ? "label" : "div";
+    const Tag = this.label?.length ? "label" : "div";
     return (
       <Tag>
         {this.label}