Highlight newly-created schemas

mathesar_ui/src/i18n/languages/en/dict.json

@@ -523,6 +523,7 @@
   "schema_name_already_exists": "A schema with that name already exists.",
   "schema_name_cannot_be_empty": "Schema name cannot be empty",
   "schema_name_placeholder": "Eg. Personal Finances, Movies",
+  "schema_new_items_scroll_hint": "Scroll or click here to see the schema.",
   "schema_not_found": "Schema not found.",
   "schema_ownership_updated_successfully": "Schema ownership has been updated successfully.",
   "schema_permissions": "Schema Permissions",

mathesar_ui/src/pages/database/schemas/SchemasSection.svelte

@@ -8,6 +8,7 @@
   import { DatabaseRouteContext } from '@mathesar/contexts/DatabaseRouteContext';
   import { iconAddNew } from '@mathesar/icons';
   import type { Schema } from '@mathesar/models/Schema';
+  import { highlightNewItems } from '@mathesar/packages/new-item-highlighter';
   import { confirmDelete } from '@mathesar/stores/confirmation';
   import { modal } from '@mathesar/stores/modal';
   import {
@@ -116,7 +117,11 @@
         {/if}
       </RichText>
     </p>
-    <ul class="schema-list" slot="content">
+    <ul
+      class="schema-list"
+      slot="content"
+      use:highlightNewItems={{ scrollHint: $_('schema_new_items_scroll_hint') }}
+    >
       {#if schemasRequestStatus.state === 'success'}
         {#each displayList as schema (schema.oid)}
           <li class="schema-list-item">