fix: responsive layout for url cleaner and sniffer icon alignment

src/components/tools/ClipboardSniffer.vue

@@ -51,7 +51,9 @@ const clearText = () => {
     <div class="tool-panel">
       <div class="tool-header">
         <h2 class="tool-title">Clipboard Sniffer</h2>
-        <ExtensionStatus :isReady="isExtensionReady" class="extension-indicator" />
+        <div class="extension-indicator-wrapper">
+          <ExtensionStatus :isReady="isExtensionReady" />
+        </div>
       </div>
 
       <div class="controls">
@@ -145,10 +147,11 @@ const clearText = () => {
   border-color: var(--primary-accent);
 }
 
-.extension-indicator {
+.extension-indicator-wrapper {
   position: absolute;
   right: 0;
   top: 50%;
   transform: translateY(-50%);
+  display: flex;
 }
 </style>