@W-18737391 Add development guidelines and page creation rules for generated project

[yhsieh1]

Description

• Simplify and condense development guidelines to remove unnecessary information and not confuse Cursor
• Add page creation rules to help Cursor create page with route and create a clean start point when creating a simple new page

Types of Changes

• Bug fix (non-breaking change that fixes an issue)
• New feature (non-breaking change that adds functionality)
• Documentation update
• Breaking change (could cause existing functionality to not work as expected)
• Other changes (non-breaking changes that does not fit any of the above)

Breaking changes include:

• Removing a public function or component or prop
• Adding a required argument to a function
• Changing the data type of a function parameter or return value
• Adding a new peer dependency to package.json

Changes

• (change1)

How to Test-Drive This PR

• (step1)

Checklists

General

• Changes are covered by test cases
• CHANGELOG.md updated with a short description of changes (not required for documentation updates)

Accessibility Compliance

You must check off all items in one of the follow two lists:

• There are no changes to UI

or...

• Changes were tested with a Screen Reader (iOS VoiceOver or Android Talkback) and had no issues
• Changes comply with WCAG 2.0 guidelines levels A and AA
• Changes to common UI patterns and interactions comply with WAI-ARIA best practices

Localization

• Changes include a UI text update in the Retail React App (which requires translation)

[cc-prodsec]

🎉 Snyk checks have passed. No issues have been found so far.

✅ security/snyk check is complete. No issues have been found. (View Details)

✅ license/snyk check is complete. No issues have been found. (View Details)

[snilakandan13]

Looks good

[bendvc]

How does this model-definition configuration file get discovered?

[yhsieh1]

Cursor only fetch this guidelines rule if it think it needs it. On top of that, Cursor will not look into nodes_module even rules say so. We need other mechanism to expose model-definition files. By the way, I do not know where it is as well. Could you share more information about it?

[snilakandan13]

Moreover mdc files are a cursor's convention in determining rules
https://docs.cursor.com/context/rules#project-rules
This is more like a metadata content file used by cursor internally when agent is requested to perform tasks

[snilakandan13]

Why do we need to add in the template directory

[yhsieh1]

Copy over rules to storefront-development name space from pwa-kit-create-app/assets/cursor-rules so that it also benefits pwa kit template development.