formatting

ui/app/peers/create/[peerType]/helpers/ch.ts

@@ -52,7 +52,7 @@ export const clickhouseSetting: PeerSetting[] = [
     stateHandler: (value, setter) =>
       setter((curr) => ({ ...curr, s3Path: value as string })),
     tips: `This is an S3 bucket/object URL field. This bucket will be used as our intermediate stage for CDC`,
-    placeholder:'s3://<bucket-name>',
+    placeholder: 's3://<bucket-name>',
   },
   {
     label: 'Access Key ID',

ui/components/PeerForms/ClickhouseConfig.tsx

@@ -8,9 +8,9 @@ import { RowWithSwitch, RowWithTextField } from '@/lib/Layout';
 import { Switch } from '@/lib/Switch';
 import { TextField } from '@/lib/TextField';
 import { Tooltip } from '@/lib/Tooltip';
+import Link from 'next/link';
 import { useState } from 'react';
 import { InfoPopover } from '../InfoPopover';
-import Link from 'next/link';
 interface ConfigProps {
   settings: PeerSetting[];
   setter: PeerSetter;
@@ -124,7 +124,11 @@ export default function ClickhouseForm({ settings, setter }: ConfigProps) {
         If you want this stage to belong to you, you can configure a bucket
         below.
         <br></br>
-        <Link style={{color:'teal', cursor:'pointer'}} target='_blank' href='https://docs.peerdb.io/connect/s3'>
+        <Link
+          style={{ color: 'teal', cursor: 'pointer' }}
+          target='_blank'
+          href='https://docs.peerdb.io/connect/s3'
+        >
           Setting up an S3 bucket
         </Link>
       </Label>