Refactor TokenCounts props and update pointer events for prompt views

Author: robertpiosik

apps/editor/src/views/prompt/frontend/Prompt.module.scss

@@ -8,6 +8,10 @@
   height: 100vh;
   width: 100%;
   pointer-events: none;
+
+  > * {
+    pointer-events: all;
+  }
 }
 
 .content {

packages/ui/src/components/editor/prompt/Page/Page.module.scss

@@ -4,7 +4,6 @@
   height: 100%;
   background-color: var(--vscode-sideBar-background);
   position: relative;
-  pointer-events: all;
 }
 
 .header {

packages/ui/src/components/editor/prompt/TokenCounts/TokenCounts.tsx

@@ -2,20 +2,18 @@ import { FC } from 'react'
 import { Checkbox } from '../../common/Checkbox'
 import styles from './TokenCounts.module.scss'
 
-export namespace TokenCounts {
-  export type Props = {
-    token_count: {
-      selected_files: string
-      prompt: string
-    }
-    translations: {
-      selected_files: string
-      prompt: string
-    }
+type Props = {
+  token_count: {
+    selected_files: string
+    prompt: string
+  }
+  translations: {
+    selected_files: string
+    prompt: string
   }
 }
 
-export const TokenCounts: FC<TokenCounts.Props> = (props) => {
+export const TokenCounts: FC<Props> = (props) => {
   return (
     <div className={styles.container}>
       <div className={styles.item}>