hunk.code_window:               <Link href="/settings/organizations/profile" className="px-1.5">
                   <div className="flex items-center gap-2 font-medium">
                     <Avatar
                       alt={`${orgBranding.name} logo`}
                       imageSrc={`${orgBranding.fullDomain}/avatar.png`}
                       size="xsm"
                     />
                     <p className="text line-clamp-1 text-sm">
                       <span>{orgBranding.name}</span>
  
hunk.labels: keep keep keep keep replace keep keep keep keep
hunk.after_edit:                     imageSrc={`${orgBranding.fullDomain}/org/${orgBranding.slug}/avatar.png`}
  
hunk.file_path: packages/features/shell/Shell.tsx
hunk.type: replace
file: module.exports = {
    plugins: {
      tailwindcss: {},
      autoprefixer: {},
      /**
       * We use this postcss plugin to create custom css classes for
       * any pseudo classes (eg hover, focus) mentioned below.
       * This way you can eg show a hover state in Storybook by adding
       * this classname .sb-pseudo--hover to the item.
       *
       * These styles will only be added in storybook, and will NOT
       * end up in the final css bundle of apps using the components.
       */
      "postcss-pseudo-companion-classes": {
        prefix: "sb-pseudo--",
        // We have to keep a restrictTo list here, because otherwise
        // this library will have issues processing tailwind's \: prefixed classes
        // and start adding dots everywhere, breaking this functionality.
        restrictTo: [":hover", ":focus"],
      },
    },
  };
  