fix: "use client" for alphaTAb

Author: Danielku15

src/components/AlphaTabFull/index.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import * as alphaTab from "@coderline/alphatab";
 import React, { useEffect, useRef, useState } from "react";
 import { PlayerControlsGroup } from "./player-controls-group";

src/components/AlphaTexSample/index.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import React from "react";
 import CodeBlock from "@theme/CodeBlock";
 import { AlphaTab } from "../AlphaTab";

src/components/RasgueadoPatterns/index.tsx

@@ -1,3 +1,4 @@
+'use client';
 import * as alphaTab from "@coderline/alphatab";
 import { useEffect, useRef } from "react";
 import styles from "./styles.module.scss";

src/environment.ts

@@ -5,12 +5,14 @@ export default {
     settings.core.fontDirectory = "/font/";
     settings.player.soundFont = "/soundfont/sonivox.sf3";
 
-    const params = new URL(window.location.href).searchParams;
-    settings.fillFromJson({
-      core: {
-        logLevel: (params.get('loglevel') ?? 'info') as keyof typeof alphaTab.LogLevel
-      }
-    })
+    if (typeof window !== 'undefined') {
+      const params = new URL(window.location.href).searchParams;
+      settings.fillFromJson({
+        core: {
+          logLevel: (params.get('loglevel') ?? 'info') as keyof typeof alphaTab.LogLevel
+        }
+      })
+    }
 
     settings.display.resources.copyrightFont.families = ["Noto Sans"];
     settings.display.resources.titleFont.families = ["Noto Serif"];