use speaker_name and title as session header id

Author: gamoutatsumi

2025/src/components/Sessions/Session.astro

@@ -32,8 +32,8 @@ const { speaker_name, title, abstract, self_introduction, image_url } =
     </div>
     <div class="flex-1 text-center md:text-left">
       <div class="mb-3">
-        <h3 id={speaker_name} class="mb-2 text-2xl font-bold text-gray-900 md:text-3xl">
-          <a href={"#"+speaker_name} class="hover:underline">
+        <h3 id={encodeURIComponent(`${speaker_name}-${title}`)} class="mb-2 text-2xl font-bold text-gray-900 md:text-3xl">
+          <a href={`#${encodeURIComponent(`${speaker_name}-${title}`)}`} class="hover:underline">
           {speaker_name}
           </a>
         </h3>