remove: ArrowRightTag.svelte and used a transform

src/lib/components/common/RichTextInput/FormattingButtons.svelte

@@ -18,7 +18,6 @@
 	import Tooltip from '../Tooltip.svelte';
 	import CheckBox from '$lib/components/icons/CheckBox.svelte';
 	import ArrowLeftTag from '$lib/components/icons/ArrowLeftTag.svelte';
-	import ArrowRightTag from '$lib/components/icons/ArrowRightTag.svelte';
 </script>
 
 <div
@@ -80,7 +79,7 @@
 				class="hover:bg-gray-50 dark:hover:bg-gray-700 rounded-lg p-1.5 transition-all"
 				type="button"
 			>
-				<ArrowRightTag />
+				<ArrowLeftTag className="rotate-180" />
 			</button>
 		</Tooltip>
 	{/if}

src/lib/components/icons/ArrowRightTag.svelte

@@ -1,20 +0,0 @@
-<script lang="ts">
-	export let className = 'size-4';
-	export let strokeWidth = '1.5';
-</script>
-
-<svg
-	xmlns="http://www.w3.org/2000/svg"
-	fill="none"
-	viewBox="0 0 24 24"
-	stroke-width={strokeWidth}
-	stroke="currentColor"
-	class={className}
-	><path
-		d="M6.75 12H16.75M16.75 12L14 14.75M16.75 12L14 9.25"
-		stroke-linecap="round"
-		stroke-linejoin="round"
-	></path><path
-		d="M2 15V9C2 6.79086 3.79086 5 6 5H18C20.2091 5 22 6.79086 22 9V15C22 17.2091 20.2091 19 18 19H6C3.79086 19 2 17.2091 2 15Z"
-	></path></svg
->