QRep UI: Validate schema qualification (#1595)

This PR adds schema qualification verification for QRep destination
table field.

<img width="1285" alt="Screenshot 2024-04-10 at 11 05 46 PM"
src="https://github.com/PeerDB-io/peerdb/assets/65964360/eb569366-6ad2-4964-b362-4565600622f3">
<img width="1285" alt="Screenshot 2024-04-10 at 11 06 12 PM"
src="https://github.com/PeerDB-io/peerdb/assets/65964360/1e016c47-0ba3-4b74-89ce-305279bb8712">

---------

Co-authored-by: Kevin Biju <52661649+heavycrystal@users.noreply.github.com>

ui/app/mirrors/create/handlers.ts

@@ -7,6 +7,7 @@ import {
   UTablesResponse,
 } from '@/app/dto/PeersDTO';
 import { notifyErr } from '@/app/utils/notify';
+import { DBTypeToGoodText } from '@/components/PeerTypeComponent';
 import {
   FlowConnectionConfigs,
   QRepConfig,
@@ -229,6 +230,26 @@ export const handleCreateQRep = async (
   config.flowJobName = flowJobName;
   config.query = query;
 
+  const isSchemaLessPeer =
+    config.destinationPeer?.type === DBType.BIGQUERY ||
+    config.destinationPeer?.type === DBType.CLICKHOUSE;
+  if (isSchemaLessPeer && config.destinationTableIdentifier?.includes('.')) {
+    notifyErr(
+      'Destination table should not be schema qualified for ' +
+        DBTypeToGoodText(config.destinationPeer?.type) +
+        ' targets'
+    );
+    return;
+  }
+  if (!isSchemaLessPeer && !config.destinationTableIdentifier?.includes('.')) {
+    notifyErr(
+      'Destination table should be schema qualified for ' +
+        DBTypeToGoodText(config.destinationPeer?.type) +
+        ' targets'
+    );
+    return;
+  }
+
   setLoading(true);
   const statusMessage: UCreateMirrorResponse = await fetch(
     '/api/mirrors/qrep',

ui/components/PeerTypeComponent.tsx

@@ -4,7 +4,7 @@ import { Label } from '@/lib/Label';
 import Image from 'next/image';
 import { DBTypeToImageMapping } from './PeerComponent';
 
-export const DBTypeToGoodText = (ptype: DBType) => {
+export const DBTypeToGoodText = (ptype?: DBType) => {
   switch (ptype) {
     case DBType.POSTGRES:
       return 'PostgreSQL';