feat(webapp): Platform notifications admin imporovements (#3324)

- bugfix to show the changelog to the target audience
- more functionality for admins, to edit, delete and archive
notifications

Author: 0ski

apps/webapp/app/components/navigation/HelpAndFeedbackPopover.tsx

@@ -33,13 +33,17 @@ import { Badge } from "../primitives/Badge";
 export function HelpAndFeedback({
   disableShortcut = false,
   isCollapsed = false,
+  organizationId,
+  projectId,
 }: {
   disableShortcut?: boolean;
   isCollapsed?: boolean;
+  organizationId?: string;
+  projectId?: string;
 }) {
   const [isHelpMenuOpen, setHelpMenuOpen] = useState(false);
   const currentPlan = useCurrentPlan();
-  const { changelogs } = useRecentChangelogs();
+  const { changelogs } = useRecentChangelogs(organizationId, projectId);
 
   useShortcutKeys({
     shortcut: disableShortcut ? undefined : { key: "h", enabledOnInputElements: false },

apps/webapp/app/components/navigation/OrganizationSettingsSideMenu.tsx

@@ -205,7 +205,7 @@ export function OrganizationSettingsSideMenu({
         )}
       </div>
       <div className="flex w-full items-center justify-between border-t border-grid-bright p-1">
-        <HelpAndFeedback />
+        <HelpAndFeedback organizationId={organization.id} />
         <AskAI />
       </div>
     </div>

apps/webapp/app/components/navigation/SideMenu.tsx

@@ -713,7 +713,7 @@ export function SideMenu({
               isCollapsed && "items-center"
             )}
           >
-            <HelpAndAI isCollapsed={isCollapsed} />
+            <HelpAndAI isCollapsed={isCollapsed} organizationId={organization.id} projectId={project.id} />
             {isFreeUser && (
               <CollapsibleHeight isCollapsed={isCollapsed}>
                 <FreePlanUsage
@@ -1163,7 +1163,7 @@ function CollapsibleHeight({
   );
 }
 
-function HelpAndAI({ isCollapsed }: { isCollapsed: boolean }) {
+function HelpAndAI({ isCollapsed, organizationId, projectId }: { isCollapsed: boolean; organizationId: string; projectId: string }) {
   return (
     <LayoutGroup>
       <div
@@ -1173,7 +1173,7 @@ function HelpAndAI({ isCollapsed }: { isCollapsed: boolean }) {
         )}
       >
         <ShortcutsAutoOpen />
-        <HelpAndFeedback isCollapsed={isCollapsed} />
+        <HelpAndFeedback isCollapsed={isCollapsed} organizationId={organizationId} projectId={projectId} />
         <AskAI isCollapsed={isCollapsed} />
       </div>
     </LayoutGroup>