misc: disable debug mode by default and set ui page to compiled code

config/shared.lua

@@ -1,5 +1,5 @@
 return {
-    debug = true,
+    debug = false,
     useBuiltInSeatbeltLogic = true, -- Whether to enable the custom seatbelt logic in this script, or use your own one, keep in mind that if you decide to use your own seatbelt logic, you will need to edit the source code to tailor your needs.
     framework =
     "none"                          -- none, esx, qb. If you wanna enable the hunger/thirst stats you need to use a framework, or you can edit the source code to tailor your  own custom framework

fxmanifest.lua

@@ -20,8 +20,8 @@ server_scripts {
     "server/main.lua",
 }
 
--- ui_page 'dist/index.html'
-ui_page 'http://localhost:5173/'
+ui_page 'dist/index.html'
+-- ui_page 'http://localhost:5173/'
 
 files {
     'dist/index.html',

web/src/app.tsx

@@ -1,5 +1,8 @@
 import { useNuiEvent } from "@/hooks/useNuiEvent.ts";
 import { useEffect, useState } from "react";
+import CarHud from "./components/car-hud";
+import Compass from "./components/compass";
+import PlayerStatus from "./components/player-status";
 import {
     useSetMinimapState,
     type MinimapStateInterface,
@@ -8,9 +11,6 @@ import type { ConfigInterface } from "./types/config";
 import { debug, setDebugMode } from "./utils/debug";
 import { fetchNui } from "./utils/fetchNui";
 import { isEnvBrowser } from "./utils/misc";
-import CarHud from "./components/car-hud";
-import PlayerStatus from "./components/player-status";
-import Compass from "./components/compass";
 
 if (isEnvBrowser()) {
     const body = document.body;

web/src/components/car-hud.tsx

@@ -1,13 +1,13 @@
-import React, { useCallback, useMemo } from "react";
+import { useNuiEvent } from "@/hooks/useNuiEvent";
+import { usePlayerState } from "@/states/player";
 import {
     useVehicleStateStore,
     type VehicleStateInterface,
 } from "@/states/vehicle";
+import { debug } from "@/utils/debug";
+import React, { useCallback, useMemo } from "react";
 import Speedometer from "./ui/speedometer";
 import { TextProgressBar } from "./ui/text-progress-bar";
-import { useNuiEvent } from "@/hooks/useNuiEvent";
-import { usePlayerState } from "@/states/player";
-import { debug } from "@/utils/debug";
 
 const CarHud = React.memo(function CarHud() {
     const [vehicleState, setVehicleState] = useVehicleStateStore();

web/src/components/compass.tsx

@@ -1,8 +1,7 @@
-import { FaCompass, FaLocationDot, FaMap } from "react-icons/fa6";
-import IconLabelBox from "./ui/icon-label-box";
 import { usePlayerState } from "@/states/player";
-import { debug } from "@/utils/debug";
 import React from "preact/compat";
+import { FaCompass, FaLocationDot, FaMap } from "react-icons/fa6";
+import IconLabelBox from "./ui/icon-label-box";
 
 const Compass = () => {
     const playerState = usePlayerState();

web/src/components/player-status.tsx

@@ -1,13 +1,12 @@
-import { BiSolidShieldAlt2 } from "react-icons/bi";
-import { TiHeartFullOutline } from "react-icons/ti";
-import { StatBar, StatBarSegmented } from "./ui/status-bars";
-import { PlayerStateInterface, usePlayerStateStore } from "@/states/player";
 import { useNuiEvent } from "@/hooks/useNuiEvent";
 import { useMinimapState } from "@/states/minimap";
-import { debug } from "@/utils/debug";
+import { PlayerStateInterface, usePlayerStateStore } from "@/states/player";
 import React, { useCallback } from "preact/compat";
-import { IoFastFood } from "react-icons/io5";
+import { BiSolidShieldAlt2 } from "react-icons/bi";
 import { FaBottleWater } from "react-icons/fa6";
+import { IoFastFood } from "react-icons/io5";
+import { TiHeartFullOutline } from "react-icons/ti";
+import { StatBar, StatBarSegmented } from "./ui/status-bars";
 
 const PlayerStatus = () => {
     const [playerState, setPlayerState] = usePlayerStateStore();

web/src/components/ui/speedometer.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useRef, useMemo } from "react";
+import React, { useEffect, useMemo, useRef } from "react";
 
 interface SpeedometerProps {
     speed: number;