Confused Words Conventions in a Project

* The below words whether they are used as a note, component name, model name, store name should be in right casing,
based on the context, across web and app projects.

Lower camelCase  -   Pascal Case

signin           -   Signin
signout          -   Signout
checklist        -   Checklist
logout           -   Logout
login            -   Login
datetime         -   Datetime
datePicker       -   DatePicker
popup            -   Popup
sortby           -   Sortby
filterby         -   Filterby
model            -   Model (As a Class Model, used in Mobx Stores)
modal            -   Modal (As a UI overlay modal)
modalContainer   -   ModalContainer (when used as component/container name)
checkbox         -   Checkbox
dropdown         -   Dropdown
placeholder      -   Placeholder    
navbar           -   Navbar
sidebar          -   Sidebar
tabbar           -   Tabbar
bottomTab        -   BottomTab
errorbarFooter   -   ErrorbarFooter  
otp              -   OTP
api              -   API
alh              -   ALH
faq              -   FAQ
mobileNumber     -   MobileNumber
mobileNo         -   MobileNo
phoneNumber      -   PhoneNumber
phoneNo          -   PhoneNo
circularProgress -   CircularProgress
profilePic       -   ProfilePic
multimedia       -   Multimedia
backendConstants -   BackendConstants
username         -   Username
flatList         -   FlatList
textInput        -   TextInput
cctv             -   CCTV
tooltip          -   Tooltip

1. Difference between active/inactive and enabled/disabled
2. Why it is not a good practice we use type as a prop key for buttons? whats the better practice? https://baseweb.design/components/button/

3. Difference between change/modify? When to use what?