Fix bundle regression from why-did-you-render

package.json

@@ -41,7 +41,7 @@
     "@tauri-apps/plugin-shell": "2.0.1",
     "classnames": "^2.5.1",
     "font-awesome": "^4.7.0",
-    "lodash": "^4.17.21",
+    "lodash-es": "^4.17.21",
     "nanoid": "^5.0.9",
     "normalize.css": "^8.0.1",
     "react": "^18.3.1",
@@ -57,6 +57,7 @@
     "@tauri-apps/cli": "2.1.0",
     "@types/bun": "^1.1.14",
     "@types/lodash": "^4.17.13",
+    "@types/lodash-es": "^4.17.12",
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
     "@types/react-fontawesome": "^1.6.8",

src/hooks/useScrollRestoration.ts

@@ -1,4 +1,4 @@
-import debounce from 'lodash/debounce';
+import debounce from 'lodash-es/debounce';
 import { useEffect, useState } from 'react';
 import { useLocation, useNavigation } from 'react-router-dom';
 

src/lib/utils-library.ts

@@ -1,5 +1,5 @@
-import orderBy from 'lodash/orderBy';
-import uniq from 'lodash/uniq';
+import orderBy from 'lodash-es/orderBy';
+import uniq from 'lodash-es/uniq';
 
 import type { SortBy, SortOrder, Track } from '../generated/typings';
 import { parseDuration } from '../hooks/useFormattedDuration';

src/lib/wdyr.ts

@@ -1,7 +1,7 @@
-import whyDidYouRender from '@welldone-software/why-did-you-render';
 import React from 'react';
 
 if (process.env.NODE_ENV === 'development') {
+  const whyDidYouRender = require('@welldone-software/why-did-you-render');
   whyDidYouRender(React, {
     trackAllPureComponents: true,
     trackHooks: true,

src/stores/usePlayerStore.ts

@@ -1,4 +1,4 @@
-import debounce from 'lodash/debounce';
+import debounce from 'lodash-es/debounce';
 import type { StateCreator } from 'zustand';
 import { persist } from 'zustand/middleware';