[feat] added license

src/lib/UI/Realm/RealmLicense.svelte

@@ -0,0 +1,30 @@
+<script lang="ts">
+    import { CCLicenseData, tooltip } from "src/ts/copyright/license";
+    import { openURL } from "src/ts/storage/globalApi";
+
+    export let license = ""
+</script>
+
+{#if Object.keys(CCLicenseData).includes(license)}
+    <div class="w-full flex flex-row">
+        <!-- svelte-ignore a11y-click-events-have-key-events -->
+        <div class="flex flex-wrap flex-row gap-1 mt-2 items-center cursor-pointer" use:tooltip={CCLicenseData[license][1]} on:click|stopPropagation={() => {
+            openURL(`https://creativecommons.org/licenses/${CCLicenseData[license][0]}/4.0/`)
+        }}>
+            <img alt="creative commons" class="cc" src="https://i.creativecommons.org/l/{CCLicenseData[license][0]}/4.0/88x31.png" />
+            <span class="text-gray-500">
+                Licensed with {license}
+            </span>
+    
+        </div>
+    </div>
+{/if}
+
+
+<style>
+    .cc{
+        width: 88px;
+        height: 31px;
+        border-width: 0;
+    }
+</style>