diff --git a/src/app/components/SocialLayout.tsx b/src/app/components/SocialLayout.tsx
index 4db2296..be3a1d9 100644
--- a/src/app/components/SocialLayout.tsx
+++ b/src/app/components/SocialLayout.tsx
@@ -39,4 +39,4 @@ export const SocialLayout = memo(() => {
);
});
-SocialLayout.displayName = "SocialLayout";
\ No newline at end of file
+SocialLayout.displayName = "SocialLayout";
diff --git a/src/app/components/SpotifyCard.tsx b/src/app/components/SpotifyCard.tsx
index 2f3b1d4..96dfe44 100644
--- a/src/app/components/SpotifyCard.tsx
+++ b/src/app/components/SpotifyCard.tsx
@@ -40,7 +40,7 @@ export const NowPlayingCard = () => {
const spotify = useSpotify();
const progressPercentage = useMemo(() => {
- if (spotify && spotify.is_playing && spotify.item) {
+ if (spotify?.is_playing && spotify.item) {
return (spotify.progress_ms / spotify.item.duration_ms) * 100;
}
return 0;
@@ -102,7 +102,7 @@ export const NowPlayingCard = () => {
animate={{ width: `${progressPercentage}%` }}
transition={{ duration: 0.3, ease: "easeInOut" }}
>
-
+
diff --git a/src/app/components/ThemeProvider.tsx b/src/app/components/ThemeProvider.tsx
index c527cde..3029f07 100644
--- a/src/app/components/ThemeProvider.tsx
+++ b/src/app/components/ThemeProvider.tsx
@@ -2,7 +2,7 @@
import * as React from "react";
import { ThemeProvider as NextThemesProvider } from "next-themes";
-import { type ThemeProviderProps } from "next-themes/dist/types";
+import type { ThemeProviderProps } from "next-themes/dist/types";
export function ThemeProvider({ children, ...props }: ThemeProviderProps) {
return {children};
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 6d45c59..9fe9c03 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,6 +1,6 @@
import type { Metadata } from "next";
import Script from "next/script";
-import { ReactNode } from "react";
+import type { ReactNode } from "react";
import { Albert_Sans } from "next/font/google";
import { ThemeProvider } from "@/components/ThemeProvider";
import age from "@/utils";
@@ -26,12 +26,12 @@ export default function RootLayout({
children: ReactNode;
}>) {
return (
-
+
+ />
{children}
diff --git a/src/app/utils/types.ts b/src/app/utils/types.ts
index 3b33e33..6a59718 100644
--- a/src/app/utils/types.ts
+++ b/src/app/utils/types.ts
@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import type { ReactNode } from "react";
export type IconType = {
children: ReactNode;