feat: add warning icon to modals

src/lib/components/modal.svelte

@@ -4,7 +4,7 @@
 
     export let show = false;
     export let size: 'small' | 'big' = null;
-    export let icon = false;
+    export let warning = false;
     let browser = false;
     //TODO: explore other solutions compatible with testing library
     onMount(() => {
@@ -58,12 +58,12 @@
             class="modal"
             transition:fly={transitionFly}>
             <header class="modal-header">
-                {#if icon}
+                {#if warning}
                     <div class="avatar is-color-orange is-medium">
                         <span class="icon-exclamation" aria-hidden="true" />
                     </div>
                 {/if}
-                <h4 class="modal-title">
+                <h4 class="heading-level-5">
                     <slot name="header" />
                 </h4>
                 <button

src/routes/console/[project]/users/teams/[team]/_createMember.svelte

@@ -42,7 +42,7 @@
 </script>
 
 <Form on:submit={create}>
-    <Modal bind:show={showCreate}>
+    <Modal warning={true} bind:show={showCreate}>
         <svelte:fragment slot="header">Create User</svelte:fragment>
         <FormList>
             <InputEmail

src/routes/console/[project]/users/teams/[team]/_deleteMembership.svelte

@@ -35,7 +35,7 @@
 </script>
 
 <Form on:submit={deleteMembership}>
-    <Modal bind:show={showDelete}>
+    <Modal warning={true} bind:show={showDelete}>
         <svelte:fragment slot="header">Delete member</svelte:fragment>
 
         <p>

src/routes/console/[project]/users/teams/[team]/_deleteTeam.svelte

@@ -26,7 +26,7 @@
 </script>
 
 <Form on:submit={deleteTeam}>
-    <Modal bind:show={showDelete}>
+    <Modal warning={true} bind:show={showDelete}>
         <svelte:fragment slot="header">Delete member</svelte:fragment>
 
         <p>

src/routes/console/[project]/users/user/[user]/_deleteAllMemberships.svelte

@@ -27,7 +27,7 @@
 </script>
 
 <Form on:submit={deleteAllMemberships}>
-    <Modal bind:show={showDeleteAll}>
+    <Modal warning={true} bind:show={showDeleteAll}>
         <svelte:fragment slot="header">Delete all memberships</svelte:fragment>
 
         <p>

src/routes/console/[project]/users/user/[user]/_deleteAllSessions.svelte

@@ -26,7 +26,7 @@
 </script>
 
 <Form on:submit={deleteAllSessions}>
-    <Modal bind:show={showDeleteAll}>
+    <Modal warning={true} bind:show={showDeleteAll}>
         <svelte:fragment slot="header">Delete All Sessions</svelte:fragment>
 
         <p>

src/routes/console/[project]/users/user/[user]/_deleteMembership.svelte

@@ -35,7 +35,7 @@
 </script>
 
 <Form on:submit={deleteMembership}>
-    <Modal bind:show={showDelete}>
+    <Modal warning={true} bind:show={showDelete}>
         <svelte:fragment slot="header">Delete member</svelte:fragment>
         <p>
             Are you sure you want to delete <b>{selectedMembership.userName}</b> from '{selectedMembership.teamName}'?

src/routes/console/[project]/users/user/[user]/_deleteSession.svelte

@@ -26,7 +26,7 @@
 </script>
 
 <Form on:submit={deleteSession}>
-    <Modal bind:show={showDelete}>
+    <Modal warning={true} bind:show={showDelete}>
         <svelte:fragment slot="header">Delete Sessions</svelte:fragment>
 
         <p>Are you sure you want to delete this session?</p>

src/routes/console/[project]/users/user/[user]/_deleteUser.svelte

@@ -26,7 +26,7 @@
 </script>
 
 <Form on:submit={deleteUser}>
-    <Modal bind:show={showDelete}>
+    <Modal warning={true} bind:show={showDelete}>
         <svelte:fragment slot="header">Delete user</svelte:fragment>
         <p>Are you sure you want to delete <b>{$user.response.name}</b> from '{$project.name}'?</p>
         <svelte:fragment slot="footer">