(SP 1) [FIX] set up eslint/prettier + stabilize formatting workflow (own files only)

[liudmylasovetovs]

Description

Resolved leftover merge conflict markers and brought the Shop scope back to a clean lint/typecheck baseline without touching unrelated areas (blog/quiz/about/theme). Also aligned editor/formatting workflow to avoid accidental formatting of teammates’ files.

---

Related Issue

Issue: #<issue_number>

---

Changes

---

Database Changes (if applicable)

• Schema migration required
• Seed data updated
• Breaking changes to existing queries
• Transaction-safe migration
• Migration tested locally on Neon

---

How Has This Been Tested?

• Tested locally
• Verified in development environment
• Checked responsive layout (if UI-related)
• Tested accessibility (keyboard / screen reader)

---

Screenshots (if applicable)

---

Checklist

Before submitting

• Code has been self-reviewed
• No TypeScript or console errors
• Code follows project conventions
• Scope is limited to this feature/fix
• No unrelated refactors included
• English used in code, commits, and docs
• New dependencies discussed with team
• Database migration tested locally (if applicable)
• GitHub Projects card moved to In Review

---

Reviewers

• @ViktorSvertoka
• @AndrewMotko

Summary by CodeRabbit

Release Notes

• Style

  • Updated code formatting for consistency across the codebase.
  • Refined navigation link active state styling.

• Tests

  • Fixed missing test framework imports in multiple test files.
  • Updated mock implementations to improve test reliability.

• Chores

  • Removed outdated documentation comments.
  • Standardized whitespace formatting across imports.

[netlify]

✅ Deploy Preview for develop-devlovers ready!

Name	Link
🔨 Latest commit	fa8ecaf
🔍 Latest deploy log	https://app.netlify.com/projects/develop-devlovers/deploys/6982343f9e139800081ec137
😎 Deploy Preview	https://deploy-preview-264--develop-devlovers.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
devlovers-net	Ready	Preview, Comment	Feb 3, 2026 5:46pm

[coderabbitai]

📝 Walkthrough

Walkthrough

This PR applies whitespace normalization to import statements across the frontend codebase, adds missing test imports (the it function from vitest), removes documentation comments from test utilities, and makes minor CSS class adjustments in a navigation component.

Changes

Cohort / File(s)	Summary
Import Formatting – Product/Schema Imports frontend/app/[locale]/shop/admin/products/[id]/edit/page.tsx, frontend/lib/services/products/admin/queries.ts, frontend/lib/services/products/mutations/delete.ts, frontend/lib/services/products/mutations/update.ts	Added spaces after commas in import statements for productPrices and products from schema/database modules.
Import Formatting – Currency and Order Imports frontend/app/[locale]/shop/orders/[id]/page.tsx, frontend/lib/admin/parseAdminProductForm.ts	Normalized spacing in imports related to currency code and money formatting utilities.
Import Formatting – API Route Handlers frontend/app/api/shop/admin/orders/[id]/refund/route.ts, frontend/app/api/shop/webhooks/stripe/route.ts	Fixed whitespace in drizzle-orm and error/utility imports for API route modules.
Import Formatting – Client Components & Utilities frontend/app/[locale]/shop/cart/CartPageClient.tsx, frontend/components/shop/CatalogProductsClient.tsx, frontend/db/queries/shop/products.ts, frontend/lib/services/orders.ts, frontend/lib/services/orders/sweeps.ts, frontend/lib/services/products/cart/rehydrate.ts, frontend/lib/services/products/mutations/create.ts	Standardized spacing in import lists across shop components and service utilities.
Import Formatting – Test Files frontend/lib/tests/shop/admin-api-killswitch.test.ts, frontend/lib/tests/shop/admin-product-sale-contract.test.ts, frontend/lib/tests/shop/cart-rehydrate-variant-sanitize.test.ts, frontend/lib/tests/shop/checkout-no-payments.test.ts, frontend/lib/tests/shop/orders-access.test.ts, frontend/lib/tests/shop/payment-state-legacy-writers.test.ts, frontend/lib/tests/shop/product-sale-invariant.test.ts, frontend/lib/tests/shop/rate-limit-subject.test.ts, frontend/lib/tests/shop/stripe-webhook-contract.test.ts, frontend/lib/tests/shop/stripe-webhook-mismatch.test.ts, frontend/lib/validation/shop.ts	Applied consistent whitespace formatting to import statements across test and validation modules.
Test Framework Import Additions frontend/lib/tests/shop/checkout-origin-posture-contract.test.ts, frontend/lib/tests/shop/order-items-variants.test.ts, frontend/lib/tests/shop/payment-status-tripwire.test.ts, frontend/lib/tests/shop/restock-order-only-once.test.ts, frontend/lib/tests/shop/restock-stale-claim-gate.test.ts, frontend/lib/tests/shop/restock-stale-stripe-orphan.test.ts, frontend/lib/tests/shop/restock-stuck-reserving-sweep.test.ts, frontend/lib/tests/shop/restock-sweep-claim.test.ts	Added missing it function to vitest imports, enabling it() test block usage alongside existing describe and expect.
Mock Implementation Updates frontend/lib/tests/shop/checkout-currency-policy.test.ts	Updated mock implementations to explicitly consume arguments via spread operator (...args: any[]) and void them, preventing unused-variable warnings and ensuring no Stripe calls occur with payments disabled.
CSS Styling frontend/components/shop/header/NavLinks.tsx	Changed active state styling for home navigation link from [color:var(--accent-primary)] to text-(--accent-primary) token format.
Test Utility Documentation Removal frontend/lib/tests/__mocks__/server-only.ts, frontend/lib/tests/helpers/ip.ts	Removed explanatory header and function documentation comments while retaining implementation.
Tailwind Class Reordering frontend/app/[locale]/shop/admin/products/page.tsx	Reordered Tailwind utility classes in View and Edit action links, moving break-words earlier in the class list and adjusting whitespace-related utilities.
Whitespace Cleanup frontend/lib/tests/shop/checkout-concurrency-stock1.test.ts	Removed extra blank line in test cleanup catch block.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~12 minutes

Possibly related PRs

• ref: fix bugs after reggression testing #64 — Modifies frontend/app/[locale]/shop/admin/products/[id]/edit/page.tsx functionally; this PR applies whitespace normalization to the same file.
• Lso/feat/shop design #252 — Updates imports and shop frontend file organization across similar modules (products edit page, CartPageClient, CatalogProductsClient, NavLinks), overlapping scope with formatting adjustments in this PR.

Suggested reviewers

• AM1007
• ViktorSvertoka

Poem

🐰 A rabbit tidies up the code with care,
Spaces aligned and commas debonair,
Missing imports are found and placed just right,
Whitespace whiskers twitch—the style looks bright! ✨

🚥 Pre-merge checks | ✅ 2 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (2 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title accurately describes the main change: setting up ESLint/Prettier and stabilizing formatting, which aligns with the numerous import formatting fixes and test adjustments throughout the changeset.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing touches

• 📝 Generate docstrings

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch lso/feat/shop-design

---

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 and usage tips.}

[chatgpt-codex-connector]

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: 06db3e8e75

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

• Open a pull request for review
• Mark a draft as ready
• Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

[coderabbitai]

Actionable comments posted: 3

🤖 Fix all issues with AI agents

In `@frontend/app/`[locale]/shop/admin/products/page.tsx:
- Line 402: The className string uses an invalid Tailwind utility
`wrap-break-words`; locate the JSX elements that include that className (the
props named className on the product/admin list buttons) and replace
`wrap-break-words` with the correct Tailwind utility `break-words` in both
occurrences so the intended word-wrapping behavior is applied.
- Around line 284-294: Several table column classes are using non-standard
Tailwind utilities (w-38, w-26, w-22, w-18) and a custom break class
(wrap-break-words); replace each non-standard width with a valid Tailwind
utility or an arbitrary value (for example replace w-38 with w-[152px] or the
nearest scale like w-36/w-40, replace w-26 with w-24 or w-[104px], replace w-22
with w-20 or w-[88px], replace w-18 with w-16 or w-[72px]) in the column <col>
elements and swap any occurrences of wrap-break-words with the standard
break-words utility so the table sizing and word-wrapping use valid Tailwind
classes.

In `@frontend/app/`[locale]/shop/page.tsx:
- Around line 56-57: ui-classes.ts still uses legacy Tailwind bracket CSS-var
syntax; update the exported class-string constants that build your shop UI
classes (the variables that construct button/card/shop classNames) to use
Tailwind v4 parenthesis syntax: replace occurrences like shadow-[var(--...)]
with shadow-(--...), ring-[color:var(--...)] or ring-[var(--...)] with
ring-(--...), focus-visible:ring-[var(--...)] with focus-visible:ring-(--...),
etc., ensuring all instances (the class-string exports in ui-classes.ts) use the
new parenthesis form to match page.tsx.