feat: use display names for edge functions (#1669)

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

Author: ascorbic

packages/runtime/src/helpers/edge.ts

@@ -129,6 +129,7 @@ const writeEdgeFunction = async ({
 }): Promise<
   Array<{
     function: string
+    name: string
     pattern: string
   }>
 > => {
@@ -162,7 +163,7 @@ const writeEdgeFunction = async ({
   // We add a defintion for each matching path
   return matchers.map((matcher) => {
     const pattern = matcher.regexp
-    return { function: name, pattern }
+    return { function: name, pattern, name: edgeFunctionDefinition.name }
   })
 }
 export const cleanupEdgeFunctions = ({
@@ -176,6 +177,7 @@ export const writeDevEdgeFunction = async ({
     functions: [
       {
         function: 'next-dev',
+        name: 'netlify dev handler',
         path: '/*',
       },
     ],
@@ -226,6 +228,7 @@ export const writeEdgeFunctions = async (netlifyConfig: NetlifyConfig) => {
     )
     manifest.functions.push({
       function: 'ipx',
+      name: 'next/image handler',
       path: '/_next/image*',
     })
   }