[#254] fixed regression on other calendar display while no calendar available (#257)

Co-authored-by: Camille Moussu <cmoussu@linagora.com>

__test__/components/CalendarSelection.test.tsx

@@ -204,7 +204,7 @@ describe("CalendarSelection", () => {
     expect(screen.getByText("Browse other calendars")).toBeInTheDocument();
   });
 
-  it("renders only personal calendars if no delegated/other exist", () => {
+  it("when only personnal calendars are in the state, only personnal calendars and the title for other to be added are shown", () => {
     renderWithProviders(
       <CalendarSelection
         selectedCalendars={[]}
@@ -223,7 +223,7 @@ describe("CalendarSelection", () => {
 
     expect(screen.getByText("Personnal Calendars")).toBeInTheDocument();
     expect(screen.queryByText("Delegated Calendars")).not.toBeInTheDocument();
-    expect(screen.queryByText("Other Calendars")).not.toBeInTheDocument();
+    expect(screen.queryByText("Other Calendars")).toBeInTheDocument();
   });
 
   it("renders nothing when no calendars are present", () => {

src/components/Calendar/CalendarSelection.tsx

@@ -38,7 +38,7 @@ function CalendarAccordion({
   const allCalendars = useAppSelector((state) => state.calendars.list);
 
   const [expended, setExpended] = useState(defaultExpanded);
-  if (calendars.length === 0 && !defaultExpanded) return null;
+  if (calendars.length === 0 && !showAddButton) return null;
 
   return (
     <Accordion