feat: create run ui directory

src/components/molecules/SidePanelHeader.tsx

@@ -1,5 +1,5 @@
 import React, { FC, useState } from 'react';
-import { InterpretationButtons } from "./InterpretationButtons";
+import { InterpretationButtons } from "../run/InterpretationButtons";
 import { useSocketStore } from "../../context/socket";
 
 export const SidePanelHeader = () => {

src/components/organisms/BrowserContent.tsx

@@ -11,7 +11,7 @@ import {
   interpretCurrentRecording,
 } from "../../api/recording";
 import { Box } from "@mui/material";
-import { InterpretationLog } from "../molecules/InterpretationLog";
+import { InterpretationLog } from "../run/InterpretationLog";
 
 // TODO: Tab !show currentUrl after recordingUrl global state
 export const BrowserContent = () => {

src/components/run/InterpretationLog.tsx

@@ -15,7 +15,7 @@ import TableRow from '@mui/material/TableRow';
 import Paper from '@mui/material/Paper';
 import StorageIcon from '@mui/icons-material/Storage';
 import ArrowUpwardIcon from '@mui/icons-material/ArrowUpward';
-import { SidePanelHeader } from './SidePanelHeader';
+import { SidePanelHeader } from '../molecules/SidePanelHeader';
 import { useGlobalInfoStore } from '../../context/globalInfo';
 import { useThemeMode } from '../../context/theme-provider';
 import { useTranslation } from 'react-i18next';

src/pages/RecordingPage.tsx

@@ -1,7 +1,7 @@
 import React, { useCallback, useEffect, useState } from 'react';
 import { Grid } from '@mui/material';
 import { BrowserContent } from "../components/organisms/BrowserContent";
-import { InterpretationLog } from "../components/molecules/InterpretationLog";
+import { InterpretationLog } from "../components/run/InterpretationLog";
 import { startRecording, getActiveBrowserId } from "../api/recording";
 import { LeftSidePanel } from "../components/organisms/LeftSidePanel";
 import { RightSidePanel } from "../components/organisms/RightSidePanel";