upcoming: [UIE-9511, UIE-9513, UIE-9632] - Add and Integrate Prefix List Details Drawer (#13146)

* Add and integrate PL details drawer

* Update comment

* Update some old references

* Added changeset: Add and Integrate Prefix List Details Drawer

* Added changeset: Add `deleted` property to `FirewallPrefixList` type after API update

* Some refactor and clean up

* Some refactor and update button text from cancel to close

* Rename the 'reference' to 'context' prop for clarity and update all related instances

Author: pmakode-akamai

packages/api-v4/.changeset/pr-13146-upcoming-features-1764600095421.md

@@ -0,0 +1,5 @@
+---
+"@linode/api-v4": Upcoming Features
+---
+
+Add `deleted` property to `FirewallPrefixList` type after API update ([#13146](https://github.com/linode/manager/pull/13146))

packages/api-v4/src/firewalls/types.ts

@@ -134,6 +134,7 @@ export type FirewallPrefixListVisibility = 'private' | 'public' | 'restricted';
 
 export interface FirewallPrefixList {
   created: string;
+  deleted: null | string;
   description: string;
   id: number;
   ipv4?: null | string[];

packages/manager/.changeset/pr-13146-upcoming-features-1764599840190.md

@@ -0,0 +1,5 @@
+---
+"@linode/manager": Upcoming Features
+---
+
+Add and Integrate Prefix List Details Drawer ([#13146](https://github.com/linode/manager/pull/13146))

packages/manager/src/assets/icons/arrow-left.svg

@@ -107,11 +107,11 @@ export const firewallRuleSetFactory = Factory.Sync.makeFactory<FirewallRuleSet>(
     created: '2025-11-05T00:00:00',
     deleted: null,
     description: Factory.each((i) => `firewall-ruleset-${i} description`),
-    label: Factory.each((i) => `firewall-ruleset-${i}`),
-    is_service_defined: false,
     id: Factory.each((i) => i),
-    type: 'inbound',
+    is_service_defined: false,
+    label: Factory.each((i) => `firewall-ruleset-${i}`),
     rules: firewallRuleFactory.buildList(3),
+    type: 'inbound',
     updated: '2025-11-05T00:00:00',
     version: 1,
   }
@@ -120,16 +120,17 @@ export const firewallRuleSetFactory = Factory.Sync.makeFactory<FirewallRuleSet>(
 export const firewallPrefixListFactory =
   Factory.Sync.makeFactory<FirewallPrefixList>({
     created: '2025-11-05T00:00:00',
-    updated: '2025-11-05T00:00:00',
+    deleted: null,
     description: Factory.each((i) => `firewall-prefixlist-${i} description`),
     id: Factory.each((i) => i),
-    name: Factory.each((i) => `pl:system:resolvers:test-${i}`),
-    version: 1,
-    visibility: 'public',
     ipv4: Factory.each((i) =>
       Array.from({ length: 5 }, (_, j) => `139.144.${i}.${j}`)
     ),
     ipv6: Factory.each((i) =>
       Array.from({ length: 5 }, (_, j) => `2600:3c05:e001:bc::${i}${j}`)
     ),
+    name: Factory.each((i) => `pl:system:resolvers:test-${i}`),
+    updated: '2025-11-05T00:00:00',
+    version: 1,
+    visibility: 'public',
   });