[Query Copilot] Copilot V2 Retrieving bubble (#1579)

* Changing order of the features

* test name changed

* updates snapshots

* Bubble implementation

* Bubble tests implemented

* Correction for CopilotSampleDB implementation

* rollback to previous query tab changes

---------

Co-authored-by: Predrag Klepic <v-prklepic@microsoft.com>

src/Explorer/QueryCopilot/V2/Sidebar/QueryCopilotSidebar.test.tsx

@@ -2,7 +2,7 @@ import { shallow } from "enzyme";
 import React from "react";
 import { QueryCopilotSidebar } from "./QueryCopilotSidebar";
 
-describe("Footer snapshot test", () => {
+describe("QueryCopilotSidebar snapshot test", () => {
   it("should render ", () => {
     const wrapper = shallow(<QueryCopilotSidebar />);
     expect(wrapper).toMatchSnapshot();

src/Explorer/QueryCopilot/V2/Sidebar/QueryCopilotSidebar.tsx

@@ -1,4 +1,5 @@
 import { Stack } from "@fluentui/react";
+import { RetrievingBubble } from "Explorer/QueryCopilot/V2/Bubbles/Retriveing/RetrievingBubble";
 import { SampleBubble } from "Explorer/QueryCopilot/V2/Bubbles/Sample/SampleBubble";
 import { WelcomeBubble } from "Explorer/QueryCopilot/V2/Bubbles/Welcome/WelcomeBubble";
 import { Footer } from "Explorer/QueryCopilot/V2/Footer/Footer";
@@ -47,6 +48,9 @@ export const QueryCopilotSidebar: React.FC = (): JSX.Element => {
                 {message}
               </Stack>
             ))}
+
+            <RetrievingBubble />
+
             {chatMessages.length === 0 && <SampleBubble />}
           </Stack>
           <Footer />

src/Explorer/QueryCopilot/V2/Sidebar/__snapshots__/QueryCopilotSidebar.test.tsx.snap

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Footer snapshot test should render  1`] = `
+exports[`QueryCopilotSidebar snapshot test should render  1`] = `
 <Stack
   style={
     Object {