refactor: migrate web Loader to @makeplane/propel Skeleton

[codingwolf-at]

Description

Replace @plane/ui Loader / Loader.Item in apps/web with @makeplane/propel Skeleton + SkeletonItem.

Pulse placeholders now use the design-system primitive (required aria-label, blockSize / inlineSize instead of height / width). Layout classes stay on wrappers — Propel Skeleton does not take className. Scope is web only; @plane/ui Loader is unchanged for space/editor.

Depends on unpublished Skeleton in @makeplane/propel (see Propel PR). apps/web is linked to a local tarball until that ships.

Type of Change

• Code refactoring

Screenshots and Media (if applicable)

Loader	Preview
Stretch
Layout
Circle
Fill slot

Test Scenarios

• Open a work item and peek overview while data is loading — bones pulse, no empty flash, screen reader names the region.
• Project work-item filters (assignee, labels, state, cycle, module) — dropdown loading rows match previous spacing.
• Pages list / page editor / page version — toolbar and body skeletons still fill the layout.
• Home widgets, inbox sidebar pagination, stickies grid, cycle/module analytics sidebars — loaders still occupy the same boxes.
• Toggle light and dark; skeleton fill should follow bg-layer-1.
• After Propel publish, swap the local tarball for the catalog version and reinstall.

References

• https://github.com/makeplane/propel/pull/23

[coderabbitai]

Important

Draft PR not reviewed

Draft PRs are not automatically reviewed by default.

• Trigger a manual review

To automatically review draft PRs, update your CodeRabbit configuration:

reviews:
  auto_review:
    drafts: true

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

[github-actions]

React Doctor found 12 new issues in 11 files · 12 warnings · score 80 / 100 (Needs work) · 12 fixed · vs preview

12 warnings

app/(all)/[workspaceSlug]/(projects)/browse/[workItem]/page.tsx

• ⚠️ L35 React function has high control-flow complexity no-high-complexity-react-function
• ⚠️ L112 Duplicated JSX structure duplicate-jsx-subtree

core/components/base-layouts/gantt/sidebar.tsx

• ⚠️ L149 Duplicated JSX structure duplicate-jsx-subtree

core/components/common/filters/created-by.tsx

• ⚠️ L62 Duplicated JSX structure duplicate-jsx-subtree

core/components/core/description-versions/modal.tsx

• ⚠️ L144 Duplicated JSX structure duplicate-jsx-subtree

core/components/core/image-picker-popover.tsx

• ⚠️ L56 React function has high control-flow complexity no-high-complexity-react-function

core/components/core/modals/bulk-delete-issues-modal.tsx

• ⚠️ L189 Duplicated JSX structure duplicate-jsx-subtree

core/components/cycles/active-cycle/cycle-stats.tsx

• ⚠️ L55 React function has high control-flow complexity no-high-complexity-react-function

core/components/cycles/active-cycle/productivity.tsx

• ⚠️ L31 React function has high control-flow complexity no-high-complexity-react-function

core/components/cycles/active-cycle/progress.tsx

• ⚠️ L29 React function has high control-flow complexity no-high-complexity-react-function

core/components/integration/single-integration-card.tsx

• ⚠️ L53 React function has high control-flow complexity no-high-complexity-react-function

core/components/pages/loaders/page-content-loader.tsx

• ⚠️ L52 Duplicated JSX structure duplicate-jsx-subtree

_{Reviewed by React Doctor for commit 5d9c8c7. See inline comments for fixes.}