test: Update test snapshots

e2e/__snapshots__/404.spec.ts/desktop/404.html

@@ -4,4 +4,4 @@
 
  Do you enjoy surfing?
 
-</code><div>Image Copyright:&nbsp;<a class="highlighter" href="https://kr.freepik.com/free-vector/isometric-summer-beach-vacation-concept_9515534.htm" rel="noopener noreferrer" target="_blank">Freepik</a></div></pre></section>
+</code><div>Image Copyright:&nbsp;<a class="inline-block text-[#30ffcb] leading-[1.1] after:transition-[width] after:duration-500 ease-in-out hover:after:w-[100%] after:w-[0] after:block after:h-[1px] print:text-black print:underline after:bg-[#30ffcb] after:content-[&quot;&quot;]" href="https://kr.freepik.com/free-vector/isometric-summer-beach-vacation-concept_9515534.htm" rel="noopener noreferrer" target="_blank">Freepik</a></div></pre></section>

e2e/__snapshots__/404.spec.ts/mobile/404.html

@@ -4,4 +4,4 @@
 
  Do you enjoy surfing?
 
-</code><div>Image Copyright:&nbsp;<a class="highlighter" href="https://kr.freepik.com/free-vector/isometric-summer-beach-vacation-concept_9515534.htm" rel="noopener noreferrer" target="_blank">Freepik</a></div></pre></section>
+</code><div>Image Copyright:&nbsp;<a class="inline-block text-[#30ffcb] leading-[1.1] after:transition-[width] after:duration-500 ease-in-out hover:after:w-[100%] after:w-[0] after:block after:h-[1px] print:text-black print:underline after:bg-[#30ffcb] after:content-[&quot;&quot;]" href="https://kr.freepik.com/free-vector/isometric-summer-beach-vacation-concept_9515534.htm" rel="noopener noreferrer" target="_blank">Freepik</a></div></pre></section>

e2e/__snapshots__/post/dom.spec.ts/desktop/2023.html

@@ -1,4 +1,4 @@
-<progress class="[&amp;::-webkit-progress-bar]:bg-sub-blue fixed top-0 left-0 z-10 w-full h-[3px] appearance-none [&amp;::-webkit-progress-value]:bg-base-og" value="0" max="1"></progress><nav class="fixed z-40 flex flex-wrap w-full justify-between justify-items-center hover:animate-rainbow-water hover:bg-nav hover:bg-[length:400%_400%] opacity-10	md:opacity-100 shadow-nav shadow-lg"><h2 class="tracking-tight mr-6 text-2xl	font-bold my-2 ml-3.5"><a class="hover:underline" href="/">1ilsang</a></h2><div class="flex"><h2 class="tracking-tight mr-6 text-xl mt-2.5"><a class="hover:underline" href="/posts">posts</a></h2><h2 class="tracking-tight mr-6 text-xl mt-2.5"><a class="hover:underline" href="/tags">tags</a></h2><div class="mr-2 w-8 h-8 mt-2" role="img" aria-label="1ilsang character"><a href="/about"><img class="border border-solid rounded-full border-white-blue" src="/images/chul.webp" alt="1ilsang"></a></div></div></nav><section class="h-auto min-h-full max-w-screen-md py-20 md:py-28 mx-4 min-[790px]:m-auto print:py-0"><h1 class="text-4xl md:text-6xl break-words">2023 회고록</h1><section class="flex items-center mt-4"><div class="mr-2 w-9	h-9 md:w-12 md:h-12" role="img" aria-label="1ilsang character"><a href="/about"><img class="border border-solid rounded-full border-sub-blue" src="/images/chul.webp" alt="1ilsang"></a></div><div><a class="text-lg" href="/about">1ilsang</a><div class="text-sub-blue text-sm">클라이밍 하실래염?</div></div></section><section class="flex flex-wrap mt-2 items-end"><a class="text-highlight print:text-black hover:underline mr-2" target="_self" href="/tags/retrospect">#<!-- -->retrospect</a><a class="text-highlight print:text-black hover:underline mr-2" target="_self" href="/tags/2023">#<!-- -->2023</a></section><section><div class="text-date-gray inline">Published <time datetime="2023-12-31 14:27">2023-12-31 14:27</time></div></section><section id="post-body-container" class="relative"><div class="markdown"><p></p><div class="img-container"><div class="img-wrap cover"><img src="https://github.com/1ilsang/dev/assets/23524849/b5692eaa-05d7-428c-8356-ba04da3f4e3f" alt="cover"></div></div><p></p>
+<progress class="[&amp;::-webkit-progress-bar]:bg-sub-blue fixed top-0 left-0 z-10 w-full h-[3px] appearance-none [&amp;::-webkit-progress-value]:bg-base-og" value="0" max="1"></progress><nav class="fixed z-40 flex flex-wrap w-full justify-between justify-items-center hover:animate-rainbow-water hover:bg-nav hover:bg-[length:400%_400%] opacity-10	md:opacity-100 shadow-nav shadow-lg"><h2 class="tracking-tight mr-6 text-2xl	font-bold my-2 ml-3.5"><a class="hover:underline" href="/">1ilsang</a></h2><div class="flex"><h2 class="tracking-tight mr-6 text-xl mt-2.5"><a class="hover:underline" href="/posts">posts</a></h2><h2 class="tracking-tight mr-6 text-xl mt-2.5"><a class="hover:underline" href="/tags">tags</a></h2><div class="mr-2 w-8 h-8 mt-2" role="img" aria-label="1ilsang character"><a href="/about"><img class="border border-solid rounded-full border-white-blue" src="/images/chul.webp" alt="1ilsang"></a></div></div></nav><section class="h-auto min-h-full max-w-screen-md py-20 md:py-28 mx-4 min-[790px]:m-auto print:py-0"><h1 class="text-4xl break-words md:text-6xl">2023 회고록</h1><section class="flex items-center mt-4"><div class="mr-2 w-9	h-9 md:w-12 md:h-12" role="img" aria-label="1ilsang character"><a href="/about"><img class="border border-solid rounded-full border-sub-blue" src="/images/chul.webp" alt="1ilsang"></a></div><div><a class="text-lg" href="/about">1ilsang</a><div class="text-sm text-sub-blue">클라이밍 하실래염?</div></div></section><section class="flex flex-wrap items-end mt-2"><a class="text-highlight print:text-black hover:underline mr-2" target="_self" href="/tags/retrospect">#<!-- -->retrospect</a><a class="text-highlight print:text-black hover:underline mr-2" target="_self" href="/tags/2023">#<!-- -->2023</a></section><section><div class="inline text-date-gray">Published <time datetime="2023-12-31 14:27">2023-12-31 14:27</time></div></section><section id="post-body-container" class="relative"><div class="markdown"><p></p><div class="img-container"><div class="img-wrap cover"><img src="https://github.com/1ilsang/dev/assets/23524849/b5692eaa-05d7-428c-8356-ba04da3f4e3f" alt="cover"></div></div><p></p>
 <h2 id="2022년의-목표" data-heading="true"><a data-heading="true" href="#2022년의-목표"><span class="icon icon-link"></span></a>2022년의 목표</h2>
 <p>작년에 분명 2022 회고록을 작성했는데 문서를 잃어버렸다(-_-).</p>
 <p>많이 당황했지만 반대로 말하면 1년 동안 쳐다도 안 봤다는 것이니 작년에 세웠던 올해의 목표나 다짐은 사실상 없는 것과 같았다.</p>
@@ -137,4 +137,4 @@ <h2 id="신년-목표" data-heading="true"><a data-heading="true" href="#신년-
 </ul>
 </li>
 </ol>
-<p>2024년 잘 부탁드립니다.</p></div><aside class="absolute inline-block h-full top-0 left-full break-words max-xl:hidden" aria-label="index"><ul class="ml-9 sticky pl-4 top-32 w-[calc(50vw-35vw)] border-l-2 border-l-base min-[1320px]:ml-20 min-[1320px]:top-48"><li data-id="2022년의-목표" class="pt-0.5 text-base select-none cursor-pointer hover:text-sub-blue">2022년의 목표</li><li data-id="keep" class="pt-0.5 text-base select-none cursor-pointer hover:text-sub-blue">Keep</li><li><ul class="ml-2.5 last:mb-2"><li data-id="기술적-관심" class="pt-0.5 text-base select-none cursor-pointer hover:text-sub-blue before:content-['-'] before:mr-1">기술적 관심</li><li data-id="회사" class="pt-0.5 text-base select-none cursor-pointer hover:text-sub-blue before:content-['-'] before:mr-1">회사</li><li data-id="대외활동" class="pt-0.5 text-base select-none cursor-pointer hover:text-sub-blue before:content-['-'] before:mr-1">대외활동</li><li data-id="운동" class="pt-0.5 text-base select-none cursor-pointer hover:text-sub-blue before:content-['-'] before:mr-1">운동</li><li data-id="여행" class="pt-0.5 text-base select-none cursor-pointer hover:text-sub-blue before:content-['-'] before:mr-1">여행</li><li data-id="독서" class="pt-0.5 text-base select-none cursor-pointer hover:text-sub-blue before:content-['-'] before:mr-1">독서</li></ul></li><li data-id="problem" class="pt-0.5 text-base select-none cursor-pointer hover:text-sub-blue">Problem</li><li><ul class="ml-2.5 last:mb-2"><li data-id="데이터의-파편화" class="pt-0.5 text-base select-none cursor-pointer hover:text-sub-blue before:content-['-'] before:mr-1">데이터의 파편화</li><li data-id="기술-갈증" class="pt-0.5 text-base select-none cursor-pointer hover:text-sub-blue before:content-['-'] before:mr-1">기술 갈증</li><li data-id="생활" class="pt-0.5 text-base select-none cursor-pointer hover:text-sub-blue before:content-['-'] before:mr-1">생활</li></ul></li><li data-id="try" class="pt-0.5 text-base select-none cursor-pointer hover:text-sub-blue">Try</li><li data-id="총평" class="pt-0.5 text-base select-none cursor-pointer hover:text-sub-blue">총평</li><li data-id="신년-목표" class="pt-0.5 text-base select-none cursor-pointer hover:text-sub-blue">신년 목표</li></ul></aside></section><a class="highlighter mt-24 [&amp;&amp;]:text-transparent bg-rainbow-water bg-clip-text bg-[length:400%_400%] animate-rainbow-water" href="https://github.com/1ilsang/dev/issues/new?labels=🧊 comment&amp;assignees=1ilsang&amp;title=[🧊] 2023%20%ED%9A%8C%EA%B3%A0%EB%A1%9D&amp;body=<!-- 환영합니다. 이슈 남겨주시면 빠르게 답변드리겠습니다. 🙇 -->" rel="noopener noreferrer" target="_blank">📮 이 포스트에 관심 있으신가요? 이슈를 남겨주세요! 👍</a><div class="flex items-center mt-4 mb-56"><iframe class="border-0 rounded-md cursor-pointer object-contain hover:animate-bouncing" src="https://github.com/sponsors/1ilsang/button" title="Sponsor 1ilsang" height="32" width="114"></iframe></div></section>
+<p>2024년 잘 부탁드립니다.</p></div><aside class="absolute top-0 inline-block h-full break-words left-full max-xl:hidden" aria-label="index"><ul class="ml-9 sticky pl-4 top-32 w-[calc(50vw-35vw)] border-l-2 border-l-base min-[1320px]:ml-20 min-[1320px]:top-48"><li data-id="2022년의-목표" class="pt-0.5 text-base select-none cursor-pointer hover:text-sub-blue">2022년의 목표</li><li data-id="keep" class="pt-0.5 text-base select-none cursor-pointer hover:text-sub-blue">Keep</li><li><ul class="ml-2.5 last:mb-2"><li data-id="기술적-관심" class="pt-0.5 text-base select-none cursor-pointer hover:text-sub-blue before:content-['-'] before:mr-1">기술적 관심</li><li data-id="회사" class="pt-0.5 text-base select-none cursor-pointer hover:text-sub-blue before:content-['-'] before:mr-1">회사</li><li data-id="대외활동" class="pt-0.5 text-base select-none cursor-pointer hover:text-sub-blue before:content-['-'] before:mr-1">대외활동</li><li data-id="운동" class="pt-0.5 text-base select-none cursor-pointer hover:text-sub-blue before:content-['-'] before:mr-1">운동</li><li data-id="여행" class="pt-0.5 text-base select-none cursor-pointer hover:text-sub-blue before:content-['-'] before:mr-1">여행</li><li data-id="독서" class="pt-0.5 text-base select-none cursor-pointer hover:text-sub-blue before:content-['-'] before:mr-1">독서</li></ul></li><li data-id="problem" class="pt-0.5 text-base select-none cursor-pointer hover:text-sub-blue">Problem</li><li><ul class="ml-2.5 last:mb-2"><li data-id="데이터의-파편화" class="pt-0.5 text-base select-none cursor-pointer hover:text-sub-blue before:content-['-'] before:mr-1">데이터의 파편화</li><li data-id="기술-갈증" class="pt-0.5 text-base select-none cursor-pointer hover:text-sub-blue before:content-['-'] before:mr-1">기술 갈증</li><li data-id="생활" class="pt-0.5 text-base select-none cursor-pointer hover:text-sub-blue before:content-['-'] before:mr-1">생활</li></ul></li><li data-id="try" class="pt-0.5 text-base select-none cursor-pointer hover:text-sub-blue">Try</li><li data-id="총평" class="pt-0.5 text-base select-none cursor-pointer hover:text-sub-blue">총평</li><li data-id="신년-목표" class="pt-0.5 text-base select-none cursor-pointer hover:text-sub-blue">신년 목표</li></ul></aside></section><a class="inline-block text-[#30ffcb] leading-[1.1] after:transition-[width] after:duration-500 ease-in-out hover:after:w-[100%] after:w-[0] after:block after:h-[1px] print:text-black print:underline after:bg-[#30ffcb] after:content-[&quot;&quot;] mt-24 [&amp;&amp;]:text-transparent bg-rainbow-water bg-clip-text bg-[length:400%_400%] animate-rainbow-water" href="https://github.com/1ilsang/dev/issues/new?labels=🧊 comment&amp;assignees=1ilsang&amp;title=[🧊] 2023%20%ED%9A%8C%EA%B3%A0%EB%A1%9D&amp;body=<!-- 환영합니다. 이슈 남겨주시면 빠르게 답변드리겠습니다. 🙇 -->" rel="noopener noreferrer" target="_blank">📮 이 포스트에 관심 있으신가요? 이슈를 남겨주세요! 👍</a><div class="flex items-center mt-4 mb-56"><iframe class="border-0 rounded-md cursor-pointer object-contain hover:animate-bouncing" src="https://github.com/sponsors/1ilsang/button" title="Sponsor 1ilsang" height="32" width="114"></iframe></div></section>