Fix linter errors

webapp/src/app/page.tsx

@@ -10,13 +10,13 @@ import { ServerConfig } from '@/utils/serverConfig';
 // time instead of at runtime. That doesn't work: this page needs to fetch
 // project-specific config files and perform git operations. So this little
 // one-liner forces it into dynamic rendering mode.
-// 
+//
 // More info on dynamic vs static rendering at:
 // https://nextjs.org/learn/dashboard-app/static-and-dynamic-rendering
-// 
+//
 // More info on `export const dynamic` at:
 // https://nextjs.org/docs/app/api-reference/file-conventions/route-segment-config
-export const dynamic = "force-dynamic";
+export const dynamic = 'force-dynamic';
 
 export default async function Home() {
   const serverConfig = await ServerConfig.read();

webapp/src/components/MessageForm.tsx

@@ -32,7 +32,11 @@ type MessageFormProps = {
  * the source code on the left for reference, and the current translation on the
  * right.
  */
-const MessageForm: FC<MessageFormProps> = ({ message, onSave, translation }) => {
+const MessageForm: FC<MessageFormProps> = ({
+  message,
+  onSave,
+  translation,
+}) => {
   const [text, setText] = useState(translation);
 
   useEffect(() => {

webapp/src/components/ProjectCard.tsx

@@ -154,11 +154,11 @@ const ProjectCard: FC<ProjectCardProps> = ({
                 </Link>
                 <LinearProgress
                   determinate
-                  size='lg'
+                  size="lg"
                   sx={{ backgroundColor: '#ffffff' }}
                   thickness={8}
                   value={Math.min(progress, 100)}
-                  variant='outlined'
+                  variant="outlined"
                 />
               </Box>
             </Box>

webapp/src/stories/MessageForm.stories.tsx

@@ -1,36 +1,62 @@
-import MessageForm from "@/components/MessageForm";
+import MessageForm from '@/components/MessageForm';
 
 const stories = {
   component: MessageForm,
   parameters: {
     layout: 'centered',
   },
   tags: ['autodocs'],
-  title: "MessageForm",
-}
+  title: 'MessageForm',
+};
 
-export const Default = () => <MessageForm message={{
-  defaultMessage: 'message.defaultMessage',
-  id: 'message.id',
-  params: [],
-}} onSave={() => {}} translation="translation" />
+export const Default = () => (
+  <MessageForm
+    message={{
+      defaultMessage: 'message.defaultMessage',
+      id: 'message.id',
+      params: [],
+    }}
+    onSave={() => {}}
+    translation="translation"
+  />
+);
 
-export const LongDefaultMessage = () => <MessageForm message={{
-  defaultMessage: 'Call me Ishmael. Some years ago—never mind how long precisely—having little or no money in my purse, and nothing particular to interest me on shore, I thought I would sail about a little and see the watery part of the world. It is a way I have of driving off the spleen and regulating the circulation.',
-  id: 'message.id',
-  params: [],
-}} onSave={() => {}} translation="translation" />
+export const LongDefaultMessage = () => (
+  <MessageForm
+    message={{
+      defaultMessage:
+        'Call me Ishmael. Some years ago—never mind how long precisely—having little or no money in my purse, and nothing particular to interest me on shore, I thought I would sail about a little and see the watery part of the world. It is a way I have of driving off the spleen and regulating the circulation.',
+      id: 'message.id',
+      params: [],
+    }}
+    onSave={() => {}}
+    translation="translation"
+  />
+);
 
-export const LongTranslationString = () => <MessageForm message={{
-  defaultMessage: 'defaultMessage',
-  id: 'message.id',
-  params: [],
-}} onSave={() => {}} translation="Call me Ishmael. Some years ago—never mind how long precisely—having little or no money in my purse, and nothing particular to interest me on shore, I thought I would sail about a little and see the watery part of the world. It is a way I have of driving off the spleen and regulating the circulation." />
+export const LongTranslationString = () => (
+  <MessageForm
+    message={{
+      defaultMessage: 'defaultMessage',
+      id: 'message.id',
+      params: [],
+    }}
+    onSave={() => {}}
+    translation="Call me Ishmael. Some years ago—never mind how long precisely—having little or no money in my purse, and nothing particular to interest me on shore, I thought I would sail about a little and see the watery part of the world. It is a way I have of driving off the spleen and regulating the circulation."
+  />
+);
 
-export const LongDefaultAndTranslation = () => <MessageForm message={{
-  defaultMessage: 'Call me Ishmael. Some years ago—never mind how long precisely—having little or no money in my purse, and nothing particular to interest me on shore, I thought I would sail about a little and see the watery part of the world. It is a way I have of driving off the spleen and regulating the circulation.',
-  id: 'message.id',
-  params: [],
-}} onSave={() => {}} translation="Call me Ishmael. Some years ago—never mind how long precisely—having little or no money in my purse, and nothing particular to interest me on shore, I thought I would sail about a little and see the watery part of the world. It is a way I have of driving off the spleen and regulating the circulation." />
+export const LongDefaultAndTranslation = () => (
+  <MessageForm
+    message={{
+      defaultMessage:
+        'Call me Ishmael. Some years ago—never mind how long precisely—having little or no money in my purse, and nothing particular to interest me on shore, I thought I would sail about a little and see the watery part of the world. It is a way I have of driving off the spleen and regulating the circulation.',
+      id: 'message.id',
+      params: [],
+    }}
+    onSave={() => {}}
+    translation="Call me Ishmael. Some years ago—never mind how long precisely—having little or no money in my purse, and nothing particular to interest me on shore, I thought I would sail about a little and see the watery part of the world. It is a way I have of driving off the spleen and regulating the circulation."
+  />
+);
 
-export default stories
+export default stories;

webapp/src/stories/ProjectCard.stories.tsx

@@ -34,9 +34,7 @@ export const Gen2 = () => (
   <Box width="300px">
     <ProjectCard
       href="/projects/gen2"
-      languages={[
-        { href: '/projects/gen3/en', language: 'en', progress: 0 },
-      ]}
+      languages={[{ href: '/projects/gen3/en', language: 'en', progress: 0 }]}
       messageCount={99999999999}
       name="Gen2"
     />