fix(styles): prevent content overflow in aside directives

コードブロックをaside内に含められるようになったことで、長いコード行が
asideコンテナからはみ出し、ページレイアウトを崩す問題が発生。

aside.directiveにoverflow: hiddenを追加してコンテナレベルで制限し、
.aside-contentにwidth: 100%とoverflow-x: autoを設定することで、
長いコンテンツは横スクロールで閲覧可能にした。

これにより、ユーザーは全てのコンテンツにアクセスしつつ、
ページ全体のレイアウトは保護される。

Author: staticWagomU

src/styles/blog.css

@@ -359,6 +359,7 @@ article.blog {
 		flex-direction: column;
 		align-items: flex-start;
 		margin: var(--space-6) 0;
+		overflow: hidden;
 
 		.aside-title {
 			display: flex;
@@ -381,6 +382,8 @@ article.blog {
 
 		.aside-content {
 			flex-grow: 1;
+			width: 100%;
+			overflow-x: auto;
 		}
 
 		&.tips {