[Query Copilot V2] Restructure code for V2 of copilot (#1577)

* Initial folder and code restructure

* Add snapshots

* Remove flag for local testing

* Remove unnecessary code

* Fix snapshot

* Update tests

src/Explorer/QueryCopilot/V2/Footer/Footer.tsx

@@ -0,0 +1,83 @@
+import { IButtonStyles, IconButton, Image, Stack, TextField } from "@fluentui/react";
+import { useQueryCopilot } from "hooks/useQueryCopilot";
+import React from "react";
+import HintIcon from "../../../../../images/Hint.svg";
+import { SamplePrompts, SamplePromptsProps } from "../../Shared/SamplePrompts/SamplePrompts";
+
+export const Footer: React.FC = (): JSX.Element => {
+  const {
+    userPrompt,
+    setUserPrompt,
+    chatMessages,
+    setChatMessages,
+    isSamplePromptsOpen,
+    setIsSamplePromptsOpen,
+  } = useQueryCopilot();
+
+  const promptStyles: IButtonStyles = {
+    root: { border: "5px", selectors: { ":hover": { outline: "1px dashed #605e5c" } } },
+    label: { fontWeight: 400, textAlign: "left", paddingLeft: 8 },
+  };
+
+  const sampleProps: SamplePromptsProps = {
+    isSamplePromptsOpen: isSamplePromptsOpen,
+    setIsSamplePromptsOpen: setIsSamplePromptsOpen,
+    setTextBox: setUserPrompt,
+  };
+
+  const handleEnterKeyPress = (event: React.KeyboardEvent<HTMLInputElement>) => {
+    if (event.key === "Enter" && !event.shiftKey) {
+      event.preventDefault();
+      handleSendMessage();
+    }
+  };
+
+  const handleSendMessage = () => {
+    if (userPrompt.trim() !== "") {
+      setChatMessages([...chatMessages, userPrompt]);
+      setUserPrompt("");
+    }
+  };
+
+  return (
+    <Stack
+      horizontal
+      horizontalAlign="end"
+      verticalAlign="end"
+      style={{
+        display: "flex",
+        alignItems: "center",
+        borderRadius: "20px",
+        background: "white",
+        padding: "5px",
+        margin: "5px",
+      }}
+    >
+      <Stack>
+        <Image src={HintIcon} styles={promptStyles} onClick={() => setIsSamplePromptsOpen(true)} />
+        <SamplePrompts sampleProps={sampleProps} />
+      </Stack>
+      <TextField
+        placeholder="Write your own prompt or ask a question"
+        value={userPrompt}
+        onChange={(_, newValue) => setUserPrompt(newValue)}
+        onKeyDown={handleEnterKeyPress}
+        multiline
+        resizable={false}
+        styles={{
+          root: {
+            width: "100%",
+            height: "80px",
+            borderRadius: "20px",
+            padding: "8px",
+            border: "none",
+            outline: "none",
+            marginLeft: "10px",
+          },
+          fieldGroup: { border: "none" },
+        }}
+      />
+      <IconButton iconProps={{ iconName: "Send" }} onClick={handleSendMessage} />
+    </Stack>
+  );
+};