feat: Favorites (#1094)

* Adding the favorite button

* favorites services and resolvers

* favorites schema

* favorite ability handler

* favorite module export

* front end UI

* front end graphql additions

* server ability handlers

* server resolvers and services

* css fix

* Adding the favorite button

* favorites services and resolvers

* favorites schema

* favorite ability handler

* favorite module export

* front end UI

* front end graphql additions

* server ability handlers

* server resolvers and services

* css fix

* delete favorites handler and resolver

* removed favorite from index list

* chip avatar size props

* index list additions

* UI additions for favorites functionality

* lint fixes

* graphql codegen

* UI fixes

* favorite hook addition

* moved to ~/modules

* Favorite mapping to workspaceMember

* graphql codegen

* cosmetic changes

* camel cased methods

* graphql codegen

front/src/modules/ui/layout/components/WithTopBarContainer.tsx

@@ -10,8 +10,10 @@ type OwnProps = {
   children: JSX.Element | JSX.Element[];
   title: string;
   hasBackButton?: boolean;
+  isFavorite?: boolean;
   icon: ReactNode;
   onAddButtonClick?: () => void;
+  onFavouriteButtonClick?: () => void;
 };
 
 const StyledContainer = styled.div`
@@ -24,8 +26,10 @@ export function WithTopBarContainer({
   children,
   title,
   hasBackButton,
+  isFavorite,
   icon,
   onAddButtonClick,
+  onFavouriteButtonClick,
 }: OwnProps) {
   return (
     <StyledContainer>
@@ -33,8 +37,10 @@ export function WithTopBarContainer({
       <PageBar
         title={title}
         hasBackButton={hasBackButton}
+        isFavorite={isFavorite}
         icon={icon}
         onAddButtonClick={onAddButtonClick}
+        onFavouriteButtonClick={onFavouriteButtonClick}
       />
       <RightDrawerContainer topMargin={PAGE_BAR_MIN_HEIGHT + 16 + 16}>
         {children}