reorganize ui components

ui/src/App.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
   import { Router, Route, createHistory } from "svelte-navigator";
   import createHashSource from "./util/history";
-  import Header from "./layout/Header.svelte";
-  import Footer from "./components/Footer.svelte";
+  import Header from "./components/layout/Header.svelte";
+  import Footer from "./components/layout/Footer.svelte";
   import { setBasePath } from "@shoelace-style/shoelace/dist/utilities/base-path.js";
   import "@shoelace-style/shoelace/dist/components/input/input.js";
   import "@shoelace-style/shoelace/dist/components/icon-button/icon-button.js";

ui/src/components/AttributeView.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import { createEventDispatcher } from "svelte";
-  import UpLink from "./UpLink.svelte";
+  import UpLink from "./display/UpLink.svelte";
   import { Component, UNTYPED, UpType, Widget } from "../lib/types";
   import Table from "./widgets/Table.svelte";
   import TableComponent from "./widgets/Table.svelte"; // silence false svelte(reactive-component) warnings

ui/src/components/Inspect.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">
   import AttributeView from "./AttributeView.svelte";
   import { query, useEntity } from "../lib/entity";
-  import UpObject from "./UpObject.svelte";
+  import UpObject from "./display/UpObject.svelte";
   import { UpType } from "../lib/types";
-  import BlobPreview from "./BlobPreview.svelte";
+  import BlobPreview from "./display/BlobPreview.svelte";
   import { setContext } from "svelte";
   import { writable } from "svelte/store";
   import type { UpEntry } from "upend";

ui/src/components/display/BlobPreview.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { useEntity } from "../lib/entity";
+  import { useEntity } from "../../lib/entity";
   export let address: string;
 
   $: ({ entity } = useEntity(address));

ui/src/components/display/UpObject.svelte

@@ -2,12 +2,11 @@
   import { createEventDispatcher } from "svelte";
   import { BLOB_TYPE_ADDR } from "upend/constants";
   import HashBadge from "./HashBadge.svelte";
-  import Ellipsis from "./Ellipsis.svelte";
+  import Ellipsis from "../utils/Ellipsis.svelte";
   import UpLink from "./UpLink.svelte";
-  import { useEntity } from "../lib/entity";
-  import type { UpObject } from "upend";
+  import { useEntity } from "../../lib/entity";
   import { readable } from "svelte/store";
-  import { notify, UpNotification } from "../notifications";
+  import { notify, UpNotification } from "../../notifications";
   const dispatch = createEventDispatcher();
 
   export let address: string;

ui/src/components/layout/Notifications.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-  import { notify } from "../notifications";
+  import { notify } from "../../notifications";
   import { fade } from "svelte/transition";
-  import type { UpNotification } from "../notifications";
+  import type { UpNotification } from "../../notifications";
 
   let notifications: UpNotification[] = [];
 

ui/src/components/widgets/List.svelte

@@ -1,20 +0,0 @@
-<script lang="ts">
-import type { UpEntry } from "upend";
-
-  import Table from "./Table.svelte";
-
-  export let attributes: UpEntry[];
-  export let attribute: string;
-  export let editable = false;
-
-  $: filteredAttributes = attributes.filter(
-    (entry) => entry.attribute === attribute
-  );
-</script>
-
-<Table
-  columns="value"
-  header={false}
-  attributes={filteredAttributes}
-  {editable}
-/>

ui/src/components/widgets/Table.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
   import filesize from "filesize";
   import { format, fromUnixTime } from "date-fns";
-  import Ellipsis from "../Ellipsis.svelte";
-  import UpObject from "../UpObject.svelte";
+  import Ellipsis from "../utils/Ellipsis.svelte";
+  import UpObject from "../display/UpObject.svelte";
   import { createEventDispatcher, getContext } from "svelte";
   import type { AttributeChange } from "../../types/base";
   import { useParams } from "svelte-navigator";