Dashboard - Database Refactor + AlertBar Component

[brewhousedigital]

• Refactored the Dashboard app to utilize the APIs directly from client() instead of creating separate functions for them. This also means that almost all of the PocketbaseClient.ts functions are documented with JSDoc and intellisense now. Depending on how far we go with this, we might be able to remove database.ts completely
• Rewrote the <AlertBar> component to support all the DaisyUI alert types, and to reduce complexity on the components and pages that use it
• Fixed minor bug with the dashboard page showing a message that you didn't have any instances, when you did in fact have instances.
• Removed some unused imports across the app

AlertBar Changes

Old method involved creating the slide logic + the full HTML code from Daisy

{#if formError}
    <div transition:slide class="alert alert-error mb-5">
      <i class="fa-solid fa-circle-exclamation"></i>
      <span>{formError}</span>
    </div>
  {/if}

The new method now can be called like so:

<AlertBar message={formError} type="error" />

The slide behavior exists in the component and will trigger depending on if the message prop has data. This means that you'll need to set the message value to a blank string if you want to clear out the error. All the APIs calls are set up like this already.

// API Call
const handleSubmit = async() => {
  formError = "";
  successMessage = "";

  try {
    // do stuff
    successMessage = "Successful!";
  } catch (error) {
    formError = error.message
  }
}