Move Sympol Palette code to modules, closes #63

services/web/config/settings.defaults.js

@@ -997,7 +997,12 @@ module.exports = {
     pdfPreviewPromotions: [],
     diagnosticActions: [],
     sourceEditorCompletionSources: [],
-    sourceEditorSymbolPalette: ['@/features/symbol-palette/components/symbol-palette'],
+    sourceEditorSymbolPalette: [
+      Path.resolve(
+        __dirname,
+        '../modules/symbol-palette/frontend/components/symbol-palette'
+      ),
+    ],
     sourceEditorToolbarComponents: [],
     sourceEditorToolbarEndButtons: [],
     rootContextProviders: [],

services/web/modules/symbol-palette/frontend/components/symbol-palette-search.js

@@ -2,7 +2,7 @@ import { useCallback, useEffect, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import PropTypes from 'prop-types'
 import OLFormControl from '@/features/ui/components/ol/ol-form-control'
-import useDebounce from '../../../shared/hooks/use-debounce'
+import useDebounce from '@/shared/hooks/use-debounce'
 
 export default function SymbolPaletteSearch({ setInput, inputRef }) {
   const [localInput, setLocalInput] = useState('')