feat: tooltip for embed button

src/app/tools/session/page.tsx

@@ -9,6 +9,7 @@ import {
   Flex,
   Text,
   TextField,
+  Tooltip,
 } from '@radix-ui/themes';
 import { debounce } from 'lodash';
 import { ChangeEvent, useRef, useState } from 'react';
@@ -202,14 +203,19 @@ export default function Page() {
               </Flex>
             </AlertDialog.Content>
           </AlertDialog.Root>
-          <Button
+
-            className={styles.toolbarButton}
+          <Tooltip content="Copy to clipboard">
-            onClick={() =>
+            <Button
-              navigator.clipboard.writeText(`${location.origin}/embeds/session`)
+              className={styles.toolbarButton}
-            }
+              onClick={() =>
-          >
+                navigator.clipboard.writeText(
-            <CopyIcon width="16" height="16" /> Embed
+                  `${location.origin}/embeds/session`,
-          </Button>
+                )
+              }
+            >
+              <CopyIcon width="16" height="16" /> Embed
+            </Button>
+          </Tooltip>
         </div>
       </div>