Replace array of interface with interface

[suasuasuasuasua]

interface Props {
  [key: string]: {
    name: string,
    cpu: string,
    gpu: string,
    ram: Number,
    releaseYear: Number, // Date that the device came out into the market
    acquireYear: Number, // Date that I personally bought/acquired the device
    description: string,
    link: string
  }
}

export default const computers: Props = {
  macbook: {
    name: "Macbook Pro",
    cpu: "M3 Max 14 Core (10 performance, 4 efficiency)",
    gpu: "M3 Max 18 Core ",
    ram: 36.00,
    releaseYear: 2023,
    acquireYear: 2024,
    description: `
  `,
    link: "https://support.apple.com/en-us/117736",
  },
}

vs.

https://github.com/suasuasuasuasua/personal-website/blob/4525dfd497fe1560cc1fe5e772f0494eed1135f5/app/nows.tsx#L4-L25

I have an issue here where I'm mapping the entries but using the link as the key, which is ugly.

https://github.com/suasuasuasuasua/personal-website/blob/4525dfd497fe1560cc1fe5e772f0494eed1135f5/app/page.tsx#L25-L39