diff --git a/mathesar_ui/src/component-library/checkbox-group/CheckboxGroup.svelte b/mathesar_ui/src/component-library/checkbox-group/CheckboxGroup.svelte
index d49b796e5a..d87b07493d 100644
--- a/mathesar_ui/src/component-library/checkbox-group/CheckboxGroup.svelte
+++ b/mathesar_ui/src/component-library/checkbox-group/CheckboxGroup.svelte
@@ -25,6 +25,7 @@
     optionToCompare: Option | undefined,
     selectedOption: Option | undefined,
   ) => boolean = (a, b) => a === b;
+
   export let disabled = false;
 
   function handleChange(option: Option, checked: boolean) {
@@ -42,7 +43,7 @@
   {label}
   {disabled}
   let:option
-  let:disabled
+  let:disabled={innerDisabled}
   on:change
   labelKey={checkboxLabelKey}
   getLabel={getCheckboxLabel}
@@ -50,7 +51,7 @@
   <Checkbox
     on:change={({ detail: checked }) => handleChange(option, checked)}
     checked={values.some((o) => valuesAreEqual(o, option))}
-    {disabled}
+    disabled={innerDisabled}
   />
   <slot slot="label" />
 </FieldsetGroup>
diff --git a/mathesar_ui/src/component-library/dropdown/Dropdown.svelte b/mathesar_ui/src/component-library/dropdown/Dropdown.svelte
index d9cf38bb83..e313b05aac 100644
--- a/mathesar_ui/src/component-library/dropdown/Dropdown.svelte
+++ b/mathesar_ui/src/component-library/dropdown/Dropdown.svelte
@@ -91,7 +91,7 @@
   on:close={close}
   on:open
   on:close
-  let:close
+  let:close={innerClose}
 >
-  <slot name="content" {close} />
+  <slot name="content" close={innerClose} />
 </AttachableDropdown>
diff --git a/mathesar_ui/src/component-library/radio-group/RadioGroup.svelte b/mathesar_ui/src/component-library/radio-group/RadioGroup.svelte
index 1727220278..c73db49383 100644
--- a/mathesar_ui/src/component-library/radio-group/RadioGroup.svelte
+++ b/mathesar_ui/src/component-library/radio-group/RadioGroup.svelte
@@ -39,13 +39,13 @@
   {disabled}
   {boxed}
   let:option
-  let:disabled
+  let:disabled={innerDisabled}
   on:change
   labelKey={radioLabelKey}
   getLabel={getRadioLabel}
 >
   <Radio
-    {disabled}
+    disabled={innerDisabled}
     checked={valuesAreEqual(value, option)}
     on:change={({ detail: checked }) => {
       if (checked) {
diff --git a/mathesar_ui/src/component-library/toast/ToastItem.svelte b/mathesar_ui/src/component-library/toast/ToastItem.svelte
index e1da6c713c..2dc7e8561f 100644
--- a/mathesar_ui/src/component-library/toast/ToastItem.svelte
+++ b/mathesar_ui/src/component-library/toast/ToastItem.svelte
@@ -23,9 +23,9 @@
   $: readableTextColor = ensureReadable(props.textColor);
   $: readableProgressColor = ensureReadable(props.progressColor);
   $: style = `
-    --toast-item-background-color: ${$readableBackgroundColor as string};
-    --toast-item-text-color: ${$readableTextColor as string};
-    --toast-item-progress-color: ${$readableProgressColor as string};
+    --toast-item-background-color: ${$readableBackgroundColor};
+    --toast-item-text-color: ${$readableTextColor};
+    --toast-item-progress-color: ${$readableProgressColor};
   `;
 </script>
 
diff --git a/mathesar_ui/src/components/EditableTextWithActions.svelte b/mathesar_ui/src/components/EditableTextWithActions.svelte
index dfe56beb1e..ba7ac2ab85 100644
--- a/mathesar_ui/src/components/EditableTextWithActions.svelte
+++ b/mathesar_ui/src/components/EditableTextWithActions.svelte
@@ -1,8 +1,8 @@
-<!-- 
+<!--
   @component
 
   Enables inline editing with support for "Save" & "Cancel" actions.
- -->
+-->
 <script lang="ts">
   import {
     CancelOrProceedButtonPair,
diff --git a/mathesar_ui/src/components/NameWithIcon.svelte b/mathesar_ui/src/components/NameWithIcon.svelte
index 737450d203..ebfde7ba55 100644
--- a/mathesar_ui/src/components/NameWithIcon.svelte
+++ b/mathesar_ui/src/components/NameWithIcon.svelte
@@ -20,8 +20,8 @@
       {#if isLoading}
         <Spinner />
       {:else}
-        {#each icons as icon}
-          <Icon {...icon} size="min(1em, 0.75em + 0.25rem)" />
+        {#each icons as innerIcon}
+          <Icon {...innerIcon} size="min(1em, 0.75em + 0.25rem)" />
         {/each}
       {/if}
     </span>&nbsp;<span class="name">
diff --git a/mathesar_ui/src/components/RecordSummary.svelte b/mathesar_ui/src/components/RecordSummary.svelte
index 4f7fc09fe4..a6bc90d4b3 100644
--- a/mathesar_ui/src/components/RecordSummary.svelte
+++ b/mathesar_ui/src/components/RecordSummary.svelte
@@ -4,4 +4,5 @@
   export let recordSummary: string;
 </script>
 
+<!-- eslint-disable-next-line svelte/no-at-html-tags -->
 {@html displayRecordSummaryAsHtml(recordSummary)}
diff --git a/mathesar_ui/src/components/abstract-type-control/AbstractTypeDBOptions.svelte b/mathesar_ui/src/components/abstract-type-control/AbstractTypeDBOptions.svelte
index 6f0edab326..5fddd952ac 100644
--- a/mathesar_ui/src/components/abstract-type-control/AbstractTypeDBOptions.svelte
+++ b/mathesar_ui/src/components/abstract-type-control/AbstractTypeDBOptions.svelte
@@ -18,8 +18,6 @@
   export let typeOptions: ColumnWithAbstractType['type_options'];
   export let column: ColumnWithAbstractType;
 
-  let dbFormHasError = false;
-
   $: ({ dbOptionsConfig, dbForm, dbFormValues } = constructDbForm(
     selectedAbstractType,
     selectedDbType,
@@ -31,7 +29,6 @@
     let isValid = true;
     if (dbForm) {
       const isDbFormValid = dbForm.getValidationResult().isValid;
-      dbFormHasError = !isDbFormValid;
       isValid = isValid && isDbFormValid;
     }
     return isValid;
diff --git a/mathesar_ui/src/components/abstract-type-control/AbstractTypeDisplayOptions.svelte b/mathesar_ui/src/components/abstract-type-control/AbstractTypeDisplayOptions.svelte
index e18673c1f3..1849ee6ec0 100644
--- a/mathesar_ui/src/components/abstract-type-control/AbstractTypeDisplayOptions.svelte
+++ b/mathesar_ui/src/components/abstract-type-control/AbstractTypeDisplayOptions.svelte
@@ -17,14 +17,11 @@
   export let displayFormValues: Readable<FormValues>;
   export let disabled = false;
 
-  let displayFormHasError = false;
-
   const validationContext = getValidationContext();
   validationContext.addValidator('AbstractTypeConfigValidator', () => {
     let isValid = true;
     if (displayForm) {
       const isDisplayFormValid = displayForm.getValidationResult().isValid;
-      displayFormHasError = !isDisplayFormValid;
       isValid = isValid && isDisplayFormValid;
     }
     return isValid;
diff --git a/mathesar_ui/src/components/rich-text/RichText.svelte b/mathesar_ui/src/components/rich-text/RichText.svelte
index 4e30f9fccf..058713b1e6 100644
--- a/mathesar_ui/src/components/rich-text/RichText.svelte
+++ b/mathesar_ui/src/components/rich-text/RichText.svelte
@@ -1,9 +1,9 @@
-<!-- 
+<!--
   @component
 
   Use this component to render translated strings that contain components or
   html tags. This enables the translations of such strings while maintaining the
-  context for the translator using the slot names. 
+  context for the translator using the slot names.
 
   ## Step 1
 
@@ -30,7 +30,7 @@
     {/if}
   </RichText>
   ```
- -->
+-->
 <script lang="ts">
   import { assertExhaustive } from '@mathesar/utils/typeUtils';
   import { parse } from './richTextUtils';
diff --git a/mathesar_ui/src/components/sheet/SheetVirtualRows.svelte b/mathesar_ui/src/components/sheet/SheetVirtualRows.svelte
index 942436b983..1113863324 100644
--- a/mathesar_ui/src/components/sheet/SheetVirtualRows.svelte
+++ b/mathesar_ui/src/components/sheet/SheetVirtualRows.svelte
@@ -27,7 +27,7 @@
       estimatedItemSize={rowHeightPx}
       {itemKey}
       let:items
-      let:api
+      let:api={virtualListApi}
       on:scroll={(e) => {
         api.setScrollOffset(e.detail);
       }}
@@ -35,7 +35,7 @@
         api.setHorizontalScrollOffset(e.detail);
       }}
     >
-      <slot {items} {api} />
+      <slot {items} api={virtualListApi} />
     </VirtualList>
   </Resizer>
 </div>
diff --git a/mathesar_ui/src/pages/import/preview/ImportPreviewSheet.svelte b/mathesar_ui/src/pages/import/preview/ImportPreviewSheet.svelte
index a4d3956ac7..dec9363708 100644
--- a/mathesar_ui/src/pages/import/preview/ImportPreviewSheet.svelte
+++ b/mathesar_ui/src/pages/import/preview/ImportPreviewSheet.svelte
@@ -52,10 +52,10 @@
           {#each columns as column (column)}
             <SheetCell
               columnIdentifierKey={column.id}
-              let:htmlAttributes
+              let:htmlAttributes={sheetCellHtmlAttributes}
               let:style
             >
-              <div {...htmlAttributes} {style}>
+              <div {...sheetCellHtmlAttributes} {style}>
                 <CellFabric
                   columnFabric={column}
                   value={record[column.column.name]}
diff --git a/mathesar_ui/src/pages/schema/CreateNewExplorationTutorial.svelte b/mathesar_ui/src/pages/schema/CreateNewExplorationTutorial.svelte
index 57b6be527a..e21134780a 100644
--- a/mathesar_ui/src/pages/schema/CreateNewExplorationTutorial.svelte
+++ b/mathesar_ui/src/pages/schema/CreateNewExplorationTutorial.svelte
@@ -12,12 +12,12 @@
   <span slot="title"
     >It's time to use your tables. Create your first exploration.</span
   >
-  <span slot="body"
-    >Explorations let you query your data to uncover trends and insights. They
+  <span slot="body">
+    Explorations let you query your data to uncover trends and insights. They
     may be stored and run anytime to see the latest data. Explorations make
     great reports. You might, for example, create an exploration that shows your
-    monthly spending.</span
-  >
+    monthly spending.
+  </span>
   <AnchorButton
     slot="footer"
     href={getDataExplorerPageUrl(database.nickname, schema.id)}
diff --git a/mathesar_ui/src/pages/schema/TableSkeleton.svelte b/mathesar_ui/src/pages/schema/TableSkeleton.svelte
index db0eefb93b..ae55b5ae8a 100644
--- a/mathesar_ui/src/pages/schema/TableSkeleton.svelte
+++ b/mathesar_ui/src/pages/schema/TableSkeleton.svelte
@@ -2,10 +2,12 @@
   import { Skeleton } from '@mathesar/component-library';
 
   export let numTables = 9;
+
+  $: skeletons = Array.from({ length: numTables }, (x, i) => i);
 </script>
 
 <div class="table-skeleton-container">
-  {#each Array(numTables) as _, index (index)}
+  {#each skeletons as _ (_)}
     <div class="table-skeleton">
       <Skeleton loading={true} />
     </div>
diff --git a/mathesar_ui/src/routes/RootRoute.svelte b/mathesar_ui/src/routes/RootRoute.svelte
index 4f72fcddc1..8a3dbf8d7b 100644
--- a/mathesar_ui/src/routes/RootRoute.svelte
+++ b/mathesar_ui/src/routes/RootRoute.svelte
@@ -9,7 +9,7 @@
   export let commonData: CommonData;
 </script>
 
-<!-- 
+<!--
   We're explicity having two separate routing context for the app to avoid the user
   from client routing across either of them.
 -->
diff --git a/mathesar_ui/src/systems/data-explorer/result-pane/QueryRunErrors.svelte b/mathesar_ui/src/systems/data-explorer/result-pane/QueryRunErrors.svelte
index 9e8bc8b224..2136ddcce1 100644
--- a/mathesar_ui/src/systems/data-explorer/result-pane/QueryRunErrors.svelte
+++ b/mathesar_ui/src/systems/data-explorer/result-pane/QueryRunErrors.svelte
@@ -18,7 +18,7 @@
 
   function deleteMissingColumns(column_id: number) {
     if (queryManager) {
-      queryManager.update((q) => q.withoutColumnsById([column_id]));
+      void queryManager.update((q) => q.withoutColumnsById([column_id]));
     }
   }
 </script>
diff --git a/mathesar_ui/src/systems/data-explorer/result-pane/Results.svelte b/mathesar_ui/src/systems/data-explorer/result-pane/Results.svelte
index 9703ad41a9..c72e4bf9c0 100644
--- a/mathesar_ui/src/systems/data-explorer/result-pane/Results.svelte
+++ b/mathesar_ui/src/systems/data-explorer/result-pane/Results.svelte
@@ -122,10 +122,10 @@
                   columnIdentifierKey={ID_ROW_CONTROL_COLUMN}
                   isStatic
                   isControlCell
-                  let:htmlAttributes
+                  let:htmlAttributes={sheetCellHtmlAttributes}
                   let:style
                 >
-                  <div {...htmlAttributes} {style}>
+                  <div {...sheetCellHtmlAttributes} {style}>
                     <CellBackground color="var(--cell-bg-color-header)" />
                     {$pagination.offset + item.index + 1}
                   </div>
diff --git a/mathesar_ui/src/systems/record-selector/RecordSelectorTable.svelte b/mathesar_ui/src/systems/record-selector/RecordSelectorTable.svelte
index 567a354d0f..55398549a9 100644
--- a/mathesar_ui/src/systems/record-selector/RecordSelectorTable.svelte
+++ b/mathesar_ui/src/systems/record-selector/RecordSelectorTable.svelte
@@ -233,7 +233,7 @@
             {overflowDetails}
           />
           {#each [...$processedColumns] as [columnId, processedColumn] (columnId)}
-            {@const column = processedColumn.column}
+            {@const { column } = processedColumn}
             <RecordSelectorColumnHeaderCell
               hasNestedSelectorOpen={column === $columnWithNestedSelectorOpen}
               {overflowDetails}
diff --git a/mathesar_ui/src/systems/table-view/Body.svelte b/mathesar_ui/src/systems/table-view/Body.svelte
index bed4c366a6..f917c5dc71 100644
--- a/mathesar_ui/src/systems/table-view/Body.svelte
+++ b/mathesar_ui/src/systems/table-view/Body.svelte
@@ -31,7 +31,7 @@
 
   export let usesVirtualList = false;
 
-  $: ({ id, display, columnsDataStore, selection } = $tabularData);
+  $: ({ id, display, columnsDataStore } = $tabularData);
   $: ({ displayableRecords } = display);
   $: ({ pkColumn } = columnsDataStore);
 
diff --git a/mathesar_ui/src/systems/table-view/StatusPane.svelte b/mathesar_ui/src/systems/table-view/StatusPane.svelte
index f857343aab..96a15c1ea2 100644
--- a/mathesar_ui/src/systems/table-view/StatusPane.svelte
+++ b/mathesar_ui/src/systems/table-view/StatusPane.svelte
@@ -75,7 +75,7 @@
         size="medium"
         appearance="primary"
         on:click={() => {
-          recordsData.addEmptyRecord();
+          void recordsData.addEmptyRecord();
           selection.selectAndActivateFirstDataEntryCellInLastRow();
         }}
       >
diff --git a/mathesar_ui/src/systems/table-view/constraints/ForeignKeyConstraintDetails.svelte b/mathesar_ui/src/systems/table-view/constraints/ForeignKeyConstraintDetails.svelte
index 3047ffc6bb..08b07b64ce 100644
--- a/mathesar_ui/src/systems/table-view/constraints/ForeignKeyConstraintDetails.svelte
+++ b/mathesar_ui/src/systems/table-view/constraints/ForeignKeyConstraintDetails.svelte
@@ -43,12 +43,12 @@
         {#await getReferentColumns(constraint)}
           <Spinner />
         {:then referentColumns}
-          {#each referentColumns as referentColumn, index (referentColumn.id)}
+          {#each referentColumns as referentColumn (referentColumn.id)}
             <span class="entity-name-container">
               <ColumnName column={referentColumn} />
             </span>
           {/each}
-        {:catch error}
+        {:catch}
           <Icon {...iconError} />
         {/await}
       </div>
diff --git a/mathesar_ui/src/systems/table-view/header/drag-and-drop/Droppable.svelte b/mathesar_ui/src/systems/table-view/header/drag-and-drop/Droppable.svelte
index b978f2297a..1c30c68dde 100644
--- a/mathesar_ui/src/systems/table-view/header/drag-and-drop/Droppable.svelte
+++ b/mathesar_ui/src/systems/table-view/header/drag-and-drop/Droppable.svelte
@@ -10,6 +10,8 @@
   $: draggedOverRight = columnLocationDifference < 0;
   $: draggedOverLeft = columnLocationDifference > 0;
 
+  let isDraggedOverCounter = 0;
+
   // Needs to be a counter because dragEnter and dragLeave are fired for child elements
   function dragEnter(e: DragEvent) {
     e.preventDefault();
@@ -20,16 +22,9 @@
     isDraggedOverCounter -= 1;
   }
 
-  function shouldReset(
-    locationOfFirstDraggedColumnParam: number | undefined,
-  ): number {
-    if (locationOfFirstDraggedColumnParam === undefined) {
-      return 0;
-    }
-    return isDraggedOverCounter;
+  $: if (locationOfFirstDraggedColumn === undefined) {
+    isDraggedOverCounter = 0;
   }
-
-  $: isDraggedOverCounter = shouldReset(locationOfFirstDraggedColumn);
 </script>
 
 <div
diff --git a/mathesar_ui/src/systems/table-view/header/header-cell/HeaderCell.svelte b/mathesar_ui/src/systems/table-view/header/header-cell/HeaderCell.svelte
index 19b31385af..504c4e26ba 100644
--- a/mathesar_ui/src/systems/table-view/header/header-cell/HeaderCell.svelte
+++ b/mathesar_ui/src/systems/table-view/header/header-cell/HeaderCell.svelte
@@ -1,8 +1,8 @@
-<!-- 
+<!--
   TODO: Implement the loader while renaming
   when implementing rename functionality
   using table inspector
- -->
+-->
 <script lang="ts">
   import { Icon } from '@mathesar-component-library';
   import {
diff --git a/mathesar_ui/src/systems/table-view/link-table/LinkTableForm.svelte b/mathesar_ui/src/systems/table-view/link-table/LinkTableForm.svelte
index 607bfa2eac..fbed26c6e6 100644
--- a/mathesar_ui/src/systems/table-view/link-table/LinkTableForm.svelte
+++ b/mathesar_ui/src/systems/table-view/link-table/LinkTableForm.svelte
@@ -60,13 +60,6 @@
   $: allTables = [...$tablesDataStore.data.values()];
   $: ({ columnsDataStore } = $tabularData);
   $: baseColumns = columnsDataStore.columns;
-  $: targetColumnsStore = target
-    ? new ColumnsDataStore({ tableId: target.id })
-    : undefined;
-  $: targetColumns = ensureReadable(targetColumnsStore?.columns ?? []);
-  $: targetColumnsFetchStatus = ensureReadable(targetColumnsStore?.fetchStatus);
-  $: targetColumnsAreLoading =
-    $targetColumnsFetchStatus?.state === 'processing';
 
   // ===========================================================================
   // Fields
@@ -80,6 +73,13 @@
       : ['manyToOne', 'oneToMany', 'manyToMany'])();
   $: linkType = requiredField<LinkType>('manyToOne');
   $: $targetTable, linkType.reset();
+  $: targetColumnsStore = target
+    ? new ColumnsDataStore({ tableId: target.id })
+    : undefined;
+  $: targetColumns = ensureReadable(targetColumnsStore?.columns ?? []);
+  $: targetColumnsFetchStatus = ensureReadable(targetColumnsStore?.fetchStatus);
+  $: targetColumnsAreLoading =
+    $targetColumnsFetchStatus?.state === 'processing';
   $: columnNameInBase = requiredField(
     getSuggestedFkColumnName(target, $baseColumns),
     [columnNameIsAvailable($baseColumns)],
diff --git a/mathesar_ui/src/systems/table-view/row/Row.svelte b/mathesar_ui/src/systems/table-view/row/Row.svelte
index eb717f1ba6..e82261d4b7 100644
--- a/mathesar_ui/src/systems/table-view/row/Row.svelte
+++ b/mathesar_ui/src/systems/table-view/row/Row.svelte
@@ -90,11 +90,11 @@
       isStatic
       isControlCell
       let:htmlAttributes={cellHtmlAttr}
-      let:style
+      let:style={sheetCellStyle}
     >
       <div
         {...cellHtmlAttr}
-        {style}
+        style={sheetCellStyle}
         on:mousedown={handleRowMouseDown}
         on:mouseenter={handleRowMouseEnter}
       >
diff --git a/mathesar_ui/src/systems/table-view/row/RowControl.svelte b/mathesar_ui/src/systems/table-view/row/RowControl.svelte
index 8bf6d83fca..62cd88ccd1 100644
--- a/mathesar_ui/src/systems/table-view/row/RowControl.svelte
+++ b/mathesar_ui/src/systems/table-view/row/RowControl.svelte
@@ -59,8 +59,8 @@
 <style lang="scss">
   .control {
     /**
-    * To avoid text selection while 
-    * while dragging through rows for 
+    * To avoid text selection while
+    * while dragging through rows for
     * multi-row selection
     */
     user-select: none;
diff --git a/mathesar_ui/src/systems/table-view/table-inspector/table/TableDeleteConfirmationBody.svelte b/mathesar_ui/src/systems/table-view/table-inspector/table/TableDeleteConfirmationBody.svelte
index c590ce6fdb..c79805066b 100644
--- a/mathesar_ui/src/systems/table-view/table-inspector/table/TableDeleteConfirmationBody.svelte
+++ b/mathesar_ui/src/systems/table-view/table-inspector/table/TableDeleteConfirmationBody.svelte
@@ -7,7 +7,7 @@
 
   let value = '';
 
-  let { canProceed } = confirmationController;
+  const { canProceed } = confirmationController;
   $: $canProceed = value.trim().toLowerCase() === tableName.toLowerCase();
 </script>