Add achievement card component

[faishalirwn]

Tolong reviewnya,

• Struktur folder componentnya: di dalem folder components/ dan setiap component punya folder sendiri
• Stylingnya pake CSS module
  • Next.js kalo pake vanilla css error, katanya style.css harus di dalem _app.js buat global style
  • Storybook biar bisa pake CSS module pake package react-scripts. dapet dari sini

Kendala

Kebanyakan errornya dari aurora. Ngimportnya sesuai repo pake npm link terus di project pake npm link pinoccio (btw namanya pinoccio?)

• Setiap npm install link pinoccio hilang jd harus npm link pinoccio lagi.

• Style component2 aurora global, pas ngimport outlineButton semua style component selainnya jg ada di head jadi kadang nama classnya sama terus stylenya numpuk. (atau emang fiturnya gini?)

  • termasuk style font, tapi url fontnya ga bener jd ga bisa langsung pake font 'OpenSans'
    

• Component outline button dari aurora beda sama di design

• Component outline button belum di export dari aurora jadi nambah export manual

• Pas make dev server nextjs yg ngeload page yang ngimport component yg di dalemnya ngimport aurora dapet error window is not defined di file build/main.js aurora. Solve sementara, jgn dulu ngimport, pas page berhasil load baru import, jadi pake hot reload nextjs. Tapi pas reload browser error lagi.

• Pake SASS ngimport font.scss (atau mungkin scss lain jg?) di style component dapet error di nextjs tapi di storybook lancar. Jadi font belum make 'OpenSans'

[BlinfoldKing]

ok ntar ku cek duls pinoccio nya

[faishalirwn]

bikin componentnya lanjut aja bang pake metode ini?