chore: fixes from deno linting/formatting

src/components/UI/Typography/Blockquote.tsx

@@ -2,7 +2,7 @@ export interface BlockquoteProps {
   children: React.ReactNode;
 }
 
-export const BlockQuote = ({ children }: BlockquoteProps): JSX.Element => (
+export const BlockQuote = ({ children }: BlockquoteProps) => (
   <blockquote className="mt-6 border-l-2 border-slate-300 pl-6 italic text-slate-800 dark:border-slate-600 dark:text-slate-200">
     {children}
   </blockquote>

src/components/UI/Typography/Code.tsx

@@ -2,7 +2,7 @@ export interface CodeProps {
   children: React.ReactNode;
 }
 
-export const Code = ({ children }: CodeProps): JSX.Element => (
+export const Code = ({ children }: CodeProps) => (
   <code className="relative rounded-sm bg-slate-100 px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold text-slate-900 dark:bg-slate-800 dark:text-slate-400">
     {children}
   </code>

src/components/UI/Typography/H1.tsx

@@ -2,7 +2,7 @@ export interface H1Props {
   children: React.ReactNode;
 }
 
-export const H1 = ({ children }: H1Props): JSX.Element => (
+export const H1 = ({ children }: H1Props) => (
   <h1 className="scroll-m-20 text-4xl font-extrabold tracking-tight lg:text-5xl">
     {children}
   </h1>

src/components/UI/Typography/H2.tsx

@@ -2,7 +2,7 @@ export interface H2Props {
   children: React.ReactNode;
 }
 
-export const H2 = ({ children }: H2Props): JSX.Element => (
+export const H2 = ({ children }: H2Props) => (
   <h2 className="scroll-m-20 border-b border-b-slate-200 pb-2 text-3xl font-semibold tracking-tight transition-colors first:mt-0 dark:border-b-slate-700">
     {children}
   </h2>

src/components/UI/Typography/H3.tsx

@@ -2,7 +2,7 @@ export interface H3Props {
   children: React.ReactNode;
 }
 
-export const H3 = ({ children }: H3Props): JSX.Element => (
+export const H3 = ({ children }: H3Props) => (
   <h3 className="scroll-m-20 text-2xl font-semibold tracking-tight">
     {children}
   </h3>

src/components/UI/Typography/H4.tsx

@@ -5,7 +5,7 @@ export interface H4Props {
   children: React.ReactNode;
 }
 
-export const H4 = ({ className, children }: H4Props): JSX.Element => (
+export const H4 = ({ className, children }: H4Props) => (
   <h4
     className={cn(
       "scroll-m-20 text-xl font-semibold tracking-tight",

src/components/UI/Typography/H5.tsx

@@ -5,7 +5,7 @@ export interface H5Props {
   children: React.ReactNode;
 }
 
-export const H5 = ({ className, children }: H5Props): JSX.Element => (
+export const H5 = ({ className, children }: H5Props) => (
   <h5
     className={cn("scroll-m-20 text-lg font-medium tracking-tight", className)}
   >

src/components/UI/Typography/Link.tsx

@@ -1,4 +1,4 @@
-import { cn } from "@app/core/utils/cn";
+import { cn } from "../../../core/utils/cn.ts";
 
 export interface LinkProps {
   href: string;
@@ -6,10 +6,10 @@ export interface LinkProps {
   className?: string;
 }
 
-export const Link = ({ href, children, className }: LinkProps): JSX.Element => (
+export const Link = ({ href, children, className }: LinkProps) => (
   <a
     href={href}
-    target={"_blank"}
+    target="_blank"
     rel="noopener noreferrer"
     className={cn(
       "font-medium text-slate-900 underline underline-offset-4 dark:text-slate-50",

src/components/UI/Typography/P.tsx

@@ -2,6 +2,6 @@ export interface PProps {
   children: React.ReactNode;
 }
 
-export const P = ({ children }: PProps): JSX.Element => (
+export const P = ({ children }: PProps) => (
   <p className="leading-7 not-first:mt-6">{children}</p>
 );

src/components/UI/Typography/Subtle.tsx

@@ -5,7 +5,7 @@ export interface SubtleProps {
   children: React.ReactNode;
 }
 
-export const Subtle = ({ className, children }: SubtleProps): JSX.Element => (
+export const Subtle = ({ className, children }: SubtleProps) => (
   <p className={cn("text-sm text-slate-500 dark:text-slate-400", className)}>
     {children}
   </p>