feat: updated app to tailwind 4.x

src/components/UI/Typography/Code.tsx

@@ -3,7 +3,7 @@ export interface CodeProps {
 }
 
 export const Code = ({ children }: CodeProps): JSX.Element => (
-  <code className="relative rounded 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">
+  <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/P.tsx

@@ -3,5 +3,5 @@ export interface PProps {
 }
 
 export const P = ({ children }: PProps): JSX.Element => (
-  <p className="leading-7 [&:not(:first-child)]:mt-6">{children}</p>
+  <p className="leading-7 not-first:mt-6">{children}</p>
 );