move interface to src/ folder

src/interface/main.tsx

@@ -0,0 +1,53 @@
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import { HashRouter, Routes, Route } from 'react-router-dom';
+import './index.css';
+import { SettingsContextProvider } from './SettingsContext.js';
+import SettingsPage from './SettingsPage.js';
+import browser from 'webextension-polyfill';
+import * as Sentry from "@sentry/react";
+browser.storage.local.get([ "telemetry" ]).then((telemetry) => {
+  if (telemetry.telemetry === true)
+  Sentry.init({
+    dsn: "https://4bc7197431b170218e15daba4095d08b@o4506347383291904.ingest.sentry.io/4506347394105344",
+    integrations: [
+      new Sentry.BrowserTracing({
+        // Set 'tracePropagationTargets' to control for which URLs distributed tracing should be enabled
+        tracePropagationTargets: ["localhost", /^https:\/\/yourserver\.io\/api/],
+      }),
+      new Sentry.Replay(),
+    ],
+    // Performance Monitoring
+    tracesSampleRate: 1.0, // Capture 100% of the transactions
+    // Session Replay
+    replaysSessionSampleRate: 0.1, // This sets the sample rate at 10%. You may want to change it to 100% while in development and then sample at a lower rate in production.
+    replaysOnErrorSampleRate: 1.0, // If you're not already sampling the entire session, change the sample rate to 100% when sampling sessions where errors occur.
+  });
+})
+const fontURL = browser.runtime.getURL("fonts/IconFamily.woff");
+
+const style = document.createElement("style");
+style.setAttribute("type", "text/css");
+style.innerHTML = `
+@font-face {
+  font-family: 'IconFamily';
+  src: url('${fontURL}') format('woff');
+  font-weight: normal;
+  font-style: normal;
+}`;
+document.head.appendChild(style);
+
+const root = ReactDOM.createRoot(document.getElementById('ExtensionPopup')!);
+
+root.render(
+  <React.StrictMode>
+    <SettingsContextProvider>
+      <HashRouter>
+        <Routes>
+          <Route path="/settings" element={<SettingsPage standalone={true} />} />
+          <Route path="/settings/embedded" element={<SettingsPage standalone={false} />} />
+        </Routes>
+      </HashRouter>
+    </SettingsContextProvider>
+  </React.StrictMode>,
+);