ci: add pre-commit hook and fix linting issues (#545)

* style: deactivate PLC0415 only on part that it's ok

+ re-run pre-commit run --all

* ci: add pre-commit hook

* build: move from yarn to pnpm

* build: move from yarn to pnpm

* build: fix node-version

* ci: install pnpm prior node (?)

* build: update deps and pnpm trying to fix vercel build

* feat: docker www corepack

* style: pre-commit

---------

Co-authored-by: Igor Loskutov <igor.loskutoff@gmail.com>

www/app/(app)/transcripts/new/page.tsx

@@ -165,6 +165,8 @@ const TranscriptCreate = () => {
                     options={supportedLanguages}
                     value={targetLanguage}
                     onChange={onLanguageChange}
+                    onBlur={() => {}}
+                    onFocus={() => {}}
                     placeholder="Choose your language"
                   />
                 </Box>

www/app/(app)/transcripts/player.tsx

@@ -136,7 +136,6 @@ export default function Player(props: PlayerProps) {
         content,
         drag: false,
         resize: false,
-        top: 0,
       });
       region.on("click", (e) => {
         e.stopPropagation();

www/app/(app)/transcripts/recorder.tsx

@@ -10,7 +10,7 @@ import FileUploadButton from "./fileUploadButton";
 import useWebRTC from "./useWebRTC";
 import useAudioDevice from "./useAudioDevice";
 import { Box, Flex, IconButton, Menu, RadioGroup } from "@chakra-ui/react";
-import { LuScreenShare, LuMic, LuPlay, LuStopCircle } from "react-icons/lu";
+import { LuScreenShare, LuMic, LuPlay, LuCircleStop } from "react-icons/lu";
 
 type RecorderProps = {
   transcriptId: string;
@@ -253,7 +253,7 @@ export default function Recorder(props: RecorderProps) {
         mr={2}
         onClick={handleRecClick}
       >
-        {isRecording ? <LuStopCircle /> : <LuPlay />}
+        {isRecording ? <LuCircleStop /> : <LuPlay />}
       </IconButton>
       {!isRecording && (window as any).chrome && (
         <IconButton

www/app/(app)/transcripts/shareAndPrivacy.tsx

@@ -127,7 +127,7 @@ export default function ShareAndPrivacy(props: ShareAndPrivacyProps) {
                   {isOwner && api && (
                     <Select.Root
                       key={shareMode.value}
-                      value={[shareMode.value]}
+                      value={[shareMode.value || ""]}
                       onValueChange={(e) => updateShareMode(e.value[0])}
                       disabled={shareLoading}
                       collection={shareOptions}
@@ -145,11 +145,7 @@ export default function ShareAndPrivacy(props: ShareAndPrivacyProps) {
                       <Select.Positioner>
                         <Select.Content>
                           {shareOptions.items.map((option) => (
-                            <Select.Item
-                              key={option.value}
-                              item={option}
-                              label={option.label}
-                            >
+                            <Select.Item key={option.value} item={option}>
                               {option.label}
                               <Select.ItemIndicator />
                             </Select.Item>

www/app/(app)/transcripts/shareZulip.tsx

@@ -50,7 +50,7 @@ export default function ShareZulip(props: ShareZulipProps & BoxProps) {
     filter: streamItemsFilter,
     set: streamItemsSet,
   } = useListCollection({
-    items: [],
+    initialItems: [] as { label: string; value: string }[],
     filter: contains,
   });
 
@@ -59,7 +59,7 @@ export default function ShareZulip(props: ShareZulipProps & BoxProps) {
     filter: topicItemsFilter,
     set: topicItemsSet,
   } = useListCollection({
-    items: [],
+    initialItems: [] as { label: string; value: string }[],
     filter: contains,
   });