add feedback link (#2281)

Author: mattdholloway

ui/src/components/AppProvider.tsx

@@ -1,6 +1,7 @@
 import { ThemeProvider, BaseStyles, Box } from "@primer/react";
 import type { ReactNode } from "react";
 import { useEffect } from "react";
+import { FeedbackFooter } from "./FeedbackFooter";
 
 interface AppProviderProps {
   children: ReactNode;
@@ -19,7 +20,10 @@ export function AppProvider({ children }: AppProviderProps) {
   return (
     <ThemeProvider colorMode="auto">
       <BaseStyles>
-        <Box p={3}>{children}</Box>
+        <Box p={3}>
+          {children}
+          <FeedbackFooter />
+        </Box>
       </BaseStyles>
     </ThemeProvider>
   );

ui/src/components/FeedbackFooter.tsx

@@ -0,0 +1,17 @@
+import { Box, Text } from "@primer/react";
+
+export function FeedbackFooter() {
+  return (
+    <Box
+      display="flex"
+      justifyContent="center"
+      mt={2}
+    >
+      <Text sx={{ color: "fg.subtle", fontSize: 0, textAlign: "center" }}>
+        Help us improve MCP Apps support in the GitHub MCP Server
+        <br />
+        github.com/github/github-mcp-server/issues/new?template=insiders-feedback.md
+      </Text>
+    </Box>
+  );
+}